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

时间:2016-08-26 13:32:54

标签: angular angular-cli angular-compiler-cli

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

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

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

干杯

2 个答案:

答案 0 :(得分:29)

  

所有最新的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默认开启。

答案 1 :(得分:23)

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

查看我对一个全新项目的测试(其中没有任何内容):

enter image description here

编辑2016年11月28日:
从测试版21开始,AOT使用延迟加载的模块:)! 我在这里提供了更多详细信息:https://stackoverflow.com/a/40788258/2398593

2017年5月5日编辑:
如果您使用--prod,cli默认使用AOT进行编译 (从几个月开始,但是一个upvote让我想起了这个帖子!)

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