angular - 如何在 Angular cli webpack 中使用提前编译器

Question

有没有办法将 AOT 与 angular cli 一起使用？

我已经安装了模块（@angular/compiler @angular/compiler-cli），当我输入 ngc -p scr 时，它会创建 ngFactory.ts 文件并将其编译为 dist/tsc-out（tsconfig 中的 angular cli 默认值）

不知道如何从这里开始:)

干杯

韩

Answer 1

Angular CLI 的所有最新 beta 版本都通过以下方式支持 AoT：

ng serve --aot
ng build --aot
#and of course
ng build --prod --aot

注意：从Angular CLI 1.0.0-beta.28（2017 年 2 月 1 日发布）开始，--aot如果--prod指定，则默认启用。

Answer 2

Angular-cli beta 17 现在支持 --aot :) ！

查看我对一个全新项目的测试（其中没有任何内容）：

编辑 1：2016 年 11 月 28 日：
自 beta 21 以来，AOT 与延迟加载模块一起工作:)！
我在这里提供了更多详细信息： https ://stackoverflow.com/a/40788258/2398593

编辑 2：2017 年 5 月 5 日：
如果您使用 cli，则默认情况下使用 AOT 编译--prod.
（几个月以来，一个赞成票让我想起了那个帖子！）

编辑 3：2017 年 7 月 27 日：
如果您想进一步减小捆绑包大小，现在可以通过使用--build-optimizer. 在一个小应用程序上，我从 1.3Mb 变成了 864Kb！