4

I set up my web app using the Universal Starter - here and am trying to use environment.production to switch between a production config and a development config inside ./src/config/server.config.ts but the value is always false. When I check the value inside a lazy loaded route the value is correct. What am I to do to get it to be the correct value server side?

any help is appreciated. thank you

Lukas Sorensen
  • 397
  • 2
  • 12

2 Answers2

2

I think you want something with how you're configuring webpack and creating your environment in your npm scripts. You can set the environment based on your webpack configuration. Using webpack-merge you can have multiple configuration packages and by setting each one up to the values you have defined you can swap back in forth with webpack-merge in your npm scripts. Refer to the link below.

https://webpack.js.org/guides/production/

Dylan Wright
  • 1,118
  • 12
  • 19
  • Or you could just set the environment inside of the web config with mode: development or mode: production. – Dylan Wright Jun 15 '18 at 19:49
  • If you set the mode to production in webpack.server.config.js it gives an error, that's why at least for now is set to mode: 'none' in Angular ssr, so I guess it would have to be done with env variables – Diego Aug 09 '18 at 05:55
0

I think the reason is that in webpack.server.config.js the mode is set to 'none', not doing so gives an error when building the ssr, so the environment is not set to 'production'.

The solution I'm implementing for now is to set a new configuration with fileReplacements in the server build (angular.json):

      "server": {
      "builder": "@angular-devkit/build-angular:server",
      "options": {
        "outputPath": "dist/server",
        "main": "src/main.server.ts",
        "tsConfig": "src/tsconfig.server.json"
      },
      "configurations": {
        "mynewconfig": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.prod.ts"
            }
          ]
      }

Then in the package.json I add that configuration when building the ssr:

    "build:client-and-server-bundles": "ng build --prod && ng run my-app:server --configuration=mynewconfig",

This is for Angular > 6, for prior versions you can use the --env flag instead of --configuration.

Diego
  • 709
  • 7
  • 18