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

how to use ahead-of-time compiler with angular cli webpack

有没有办法通过 angular cli 使用 AOT?

我已经安装了模块 (@angular/compiler @angular/compiler-cli),当我键入 ngc -p scr 时,它会创建 ngFactory.ts 文件并将其编译为 dist/tsc-out(angular cli 默认在 tsconfig 中)

不确定如何从这里开始:)

干杯

汉族

All recent beta versions of the Angular CLI support AoT via the following:

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

注意:Angular CLI 1.0.0-beta.28(2017 年 2 月 1 日发布)起,如果指定 --prod,则默认情况下会启用 --aot

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

查看我对一个全新项目的测试(里面什么都没有):

编辑 1:2016 年 11 月 28 日:
从 beta 21 开始,AOT 与延迟加载模块一起工作:) !
我在这里提供了更多细节:

编辑 2:2017 年 5 月 5 日:
如果您使用 --prod.
,则 cli 默认使用 AOT 进行编译 (好几个月了,但一次投票让我想起了 post!)

编辑 3:2017 年 7 月 27 日:
如果您想进一步减小捆绑包的大小,现在可以通过 运行 使用 --build-optimizer 构建。在一个小应用程序上,我从 1.3Mb 变成了 864Kb!