Home / Questions / 56315
Accepted
Pablo Ezequiel Inchausti
Asked: 2020-03-19 14:32:46 +0800 CST 2020-03-19 14:32:46 +0800 CST

How to enable "productio.mode" in angular2 with Angular-cli?

  • 772

When a new project is created with angular-cli by default it is not enabled to run in productio.mode. How can it be enabled?

The generated main.ts file is as follows:

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

console.log("environment.production:" + environment.production);

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule);

And the print result in the log is:

environment.production:false

How would the environment variable be enabled for production?

angularjs-2.0

3 Answers

  1. Best Answer
    ng build --target=production --environment=prod

    You can expand the info here: https://github.com/angular/angular-cli/wiki/build

    You can also do: ng serve --environment=prod To test locally

    • 2

  2. Add the following entry to your angular-cli.json file :

    "environments": {
  "prod": "environments/environment.prod.ts"
}

    Create a folder called environments where you should have the following code:

    export const environment = {
  production: true
};

    And compile it with:

    ng build --prod
    • 1

  3. In angular-cli it is already configured in the src/environments directory .

    In the environment.ts file you should have the following:

    export const environment = {production: false}

    You just have to change it to as follows:

    export const environment = {production: true}

    And you already have the production mode activated.

    • 0