如何在Angular 2中启用生产模式

Question

我是Angular2的新手,我正在阅读已解决的问题而且我发现了这个问题

Angular2方法绑定错误:"检查后值已更改"

这是非常有趣的,但我的问题是我如何从开发变为生产,这是在阅读这个问题后存在差异

Angular2的生产和开发模式有什么区别？

我搜索但没有找到任何表明模式,以及你必须指示模式(开发)或模式(生产)的地方.

在控制台中,我可以看到组件类....Call enableProdMode() to enable the production mode.中System.config({或组件类中的位置.

是否需要特定的进口？

Answer 1

您可以通过导入和执行该函数来启用它(在调用bootstrap之前):

import {enableProdMode} from '@angular/core';

enableProdMode();
bootstrap(....);

但是这个错误表明你的绑定有问题,所以你不应该只是解雇它,而是试着弄清楚它为什么会发生.

Answer 2

为Angular 2应用程序启用生产模式的最佳方法是使用angular-cli并使用ng build --prod.这将使用生产配置文件构建应用程序.使用angular-cli的好处是能够使用ng serve或ng build在开发时使用开发模式而不必一直改变代码.

Answer 3

这对我有用,使用最新版本的Angular 2(2.0.0-rc.1):

main.ts

import {enableProdMode} from '@angular/core';

enableProdMode();
bootstrap(....);

以下是他们的文档中的函数参考:https://angular.io/api/core/enableProdMode

Answer 4

当我使用angular-cli构建一个新项目时.包含了一个名为environment.ts的文件.在这个文件里面是一个像这样的变量.

export const environment = {
  production: true
};

然后在main.ts中你有这个.

import './polyfills.ts';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { environment } from './environments/environment';
import { AppModule } from './app/';

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

platformBrowserDynamic().bootstrapModule(AppModule);

您可以将此添加到非angular-cli项目中,我认为,因为enableProdMode()是从@ angular/core导入的.

Answer 5

转到src/enviroments/enviroments.ts并启用生产模式

export const environment = {
  production: true
};

对于Angular 2

Answer 6

要在角度6.XX中启用生产模式,请转到环境文件

喜欢这条路

你的道路: project>\src\environments\environment.ts

改变production: false自:

export const environment = {
  production: false
};

至

export const environment = {
  production: true
};

Answer 7

大多数时候在开发期间不需要prod模式.因此,我们的解决方法是仅在非 localhost 时启用它.

在您main.ts定义根AppModule的浏览器中:

const isLocal: boolean = /localhost/.test(document.location.host);
!isLocal && enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule);

该isLocal也可用于其他目的,如enableTracing用于RouterModule在开发阶段更好的调试堆栈跟踪.

Answer 8

ng build --prod 用 environment.prod.ts 替换 environment.ts

ng build --prod

Answer 9

在 environment.ts 文件中将 production 设置为 true

export const environment = {
  production: true
};

Answer 10

对于Angular v12及更高版本ng build --prod已弃用。

您现在应该ng build --configuration=production像以前一样再次使用 where来构建它

该src/environments/environment.ts文件将替换为该文件的目标特定版本src/environments/environment.prod.ts.

Answer 11

使用ng build命令时，它将覆盖environment.ts文件

默认情况下，使用ng build命令设置开发环境

为了使用生产环境，请使用以下命令ng build --env = prod

这将启用生产模式并自动更新environment.ts文件

Answer 12

您可以在您的app.ts中使用|| main.ts文件

import {enableProdMode} from '@angular/core';
enableProdMode();
bootstrap(....);