在没有 AOT 的情况下启用生产模式：Angular 4答案

【问题标题】：Enable production mode without AOT: Angular 4在没有 AOT 的情况下启用生产模式：Angular 4
【发布时间】：2018-05-06 13:11:34
【问题描述】：

我目前正在开发一个计划很快上线的应用程序。问题是我必须对 AOT 进行大量清理，因为当我运行以下命令时：

ng build --prod

它给了我错误，因为我的代码不满足 AOT 的要求（例如：不在模板中直接使用服务对象等）。那么有没有办法通过 AOT 启用 prod 模式，以获得 Angular prod 模式提供的所有好东西，如 treeshaking、minification、uglify 等，并暂时离开 AOT？

注意：我正在考虑在 main.ts 文件中启用 prod 模式，而不是在我的本地机器上，使用以下方法：

enableProdMode();

【问题讨论】：

How can I disable AOT in angular2?的可能重复
这不是重复的。查看我更新的帖子。
我不明白您的编辑如何使它不重复。你能解释一下为什么另一个问题没有帮助吗？
您提到的帖子是关于在本地计算机上以 prod 模式构建应用程序。但我说的是在生产服务器上启用 prod 模式。
生产服务器有何不同之处在于您将无法使用-aot=false？

标签： angular

【解决方案1】：

那么有没有办法通过 AOT 启用 prod 模式以获得所有好东西像 Angular prod 模式的 treeshaking、minification、uglify 等提供并暂时离开AOT？

您可以从 Angular CLI 迁移到 Webpack 并相应地调整它（本地、开发、生产）。由于 Angular CLI v1.0 有“弹出”功能，它允许您提取webpack 配置文件并根据需要进行操作。

运行 ng eject 以便 Angular CLI 生成 webpack.config.js 文件。
运行 npm install 以便满足 CLI 生成的新依赖项
指南
Angular CLI to webpack
Production configuration for webpack
PS Angular CLI 隐藏了底层的复杂性，一旦你弹出，你必须处理这种复杂性。

【讨论】：