Angular - AOT 编译 ng 与 ngc答案

【问题标题】：Angular - AOT Compilation ng vs ngcAngular - AOT 编译 ng 与 ngc
【发布时间】：2018-02-15 15:30:43
【问题描述】：

带有 ngc 的 AOT 和 rollup 有什么不同

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

和 使用 Angular CLI 的 AOT

ng 构建 --aot

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

【问题讨论】：

【解决方案1】：

当你运行时：

ngc -p tsconfig-aot.json

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

rollup -c rollup-config.js

使用rollup 将它们捆绑成一个捆绑包。 && 只是链接了两个命令。

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

哪个更好或更喜欢。

由于general recommendation 是为应用程序使用 webpack，为库使用汇总，如果您正在构建库，请使用第一个配置，为应用程序使用第二个配置。

【讨论】：