angular - Angular - AOT 编译 ng 与 ngc

Question

带 ngc 的 AOT 和 rollup 有什么不同

ngc -p tsconfig-aot.json && rollup -c rollup-config.js

和AOT 与 Angular CLI

ng build --aot

两种配置都非常不同，哪一种更好或更喜欢。

score 6 · Accepted Answer

当你运行时：

ngc -p tsconfig-aot.json

Angular 针对你的文件运行 AOT 编译器并生成一组编译文件。这些文件包含组件和模块的编译工厂，并且不以任何方式捆绑。为了被加载到浏览器中，它们需要被捆绑。所以这个命令：

rollup -c rollup-config.js

使用rollup将它们捆绑成一个包。简单地&&链接两个命令。

当你ng build --aot像第一种情况一样运行时，它会针对你的文件运行 AOT 编译器，但不是简单地输出它们，这个编译是 webpack 捆绑过程的一部分。所以输出是一个 webpack 包。

哪个更好或更喜欢。

由于一般建议是对应用程序使用 webpack，对库使用汇总，因此如果您正在构建库，则使用第一个配置，而对应用程序使用第二个配置。

1 回答 1