Angular - AOT 编译 ng 与 ngc

Question

AOT 与 ngc 和 rollup 之间有什么不同

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

https://angular.io/guide/aot-compiler#aot-quickstart-source-code

和使用 Angular CLI 的 AOT

ng build --aot

https://github.com/angular/angular-cli/wiki/build

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

Answer 1

当你运行时:

ngc -p tsconfig-aot.json

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

rollup -c rollup-config.js

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

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

which one is better or prefer.

自 general recommendation是对应用程序使用 webpack，对库使用 rollup，如果您正在构建库，请使用第一个配置，如果要构建应用程序，请使用第二个配置。