angular - 在 Angular 2 中启用生产模式

Question

我一直在使用 Angular 2 和 Firebase 创建 Web 应用程序， 我想启用生产模式。

主要.ts

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

环境.ts

export const environment = {
  production: true
};

环境.prod.ts

export const environment = {
  production: true
};

然后我尝试了 ng build -prod; ng 服务，但仍然无法正常工作。

提前致谢。

Answer 1

ng build --prod 将在 /dist 文件夹中创建构建工件 - 您必须将这些文件放在不同的网络服务器上 (即您不之后再使用 ng serve)。

如果您只想使用 ng serve 但使用生产模式运行您的应用程序， 然后使用:

ng serve --prod

编辑

我似乎没有很好地解释这一点。您的要求是“启用生产模式”。您有两种方法可以做到这一点，具体取决于您要执行的操作。

如果您想使用 angular-cli 开发服务器在生产模式下运行您的应用程序作为测试生产模式是否正常工作的一种方式，请使用:

ng serve --prod

但是，如果您已准备好将您的应用程序部署到生产网络服务器，那么它是一个两步过程:

1. 使用以下方法生成应用的生产就绪版本:ng build --prod

2. 将 /dist 文件夹的输出复制到您的生产网络服务器上

请注意，我不会两者都做 - 我使用 ng build 或 ng serve ，具体取决于我要完成的任务。