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

Question

有没有办法使用角度cli的AOT？

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

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

干杯

韩

Answer 1

所有最新的Angular CLI测试版都通过以下方式支持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:28 2016年11月:
自测试版21以来,AOT使用延迟加载的模块:)!
我在这里提供了一些更多细节:https: //stackoverflow.com/a/40788258/2398593

编辑2:5 2017年5月:
如果您使用,cli默认使用AOT进行编译--prod.
(自几个月以来,一个upvote让我想起那个帖子!)

编辑3:2017年7月27日:
如果你想减少你的捆绑包大小,现在可以通过运行构建来实现--build-optimizer.在一个小应用程序上,我从1.3Mb到864Kb!