Angular Cli 构建和服务器 --aot 与 --prod

Question

我正在为 JiT 使用 commonjs 和手动配置 aot 的旧方法(两个 index.html 文件，两个 main.ts 文件等)到 angular4 cli 模板(ng new appName)。

在 2/4 之间，cli 似乎发生了很大变化。观看了一些 youtube 视频，使用 ng cli 创建了一个新应用，我看到 ng build 和 ng serve 都支持 --prod 和 --aot 标志，但是使用这两个不同的标志时生成的 webpack 大小不同。

有什么区别

ng build --prod

和

ng build --aot

---

然后是服务:

ng serve --prod 

和

ng serve --aot

prod 包似乎比 aot 包小，但为什么呢？

Answer 1

--prod- 应用 uglify 和 minify 来减少捆绑，并使 Angular 在生产模式下工作，这减少了 Angular 编译器给出的运行时警告并提高了性能。

--aot - 通常当我们为angular项目提供服务时，所有的angular文件都下载到浏览器上，它会在浏览器上编译和执行应用程序，但在aot整个交付给浏览器的应用程序是预编译的，因此提高了性能

build - 将打包文件并将其放入 dist 文件夹中，以便我们可以使用这些文件在服务器上进行部署。

serve - 将在精简服务器上运行应用程序。