如何在angular cli中使用预编译器

Question

有没有办法在angular 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 :)！

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

​

​

EDIT 2016年11月1: 28 :

从beta 21开始，AOT可以处理延迟加载的模块:)！

我在这里给出了更多细节：https://stackoverflow.com/a/40788258/2398593

编辑: 2017年5月5日:

如果使用--prod，cli默认使用AOT进行编译。

(几个月了，但一次投票上升让我想起了那篇文章!)

编辑: 2017年7月27日:

如果您想进一步减小包的大小，现在可以通过使用--build-optimizer运行构建。在一个小应用上，我从1.3Mb变成了864Kb！