2

我对使用 Webpack 的 angular-cli 创建的 Angular 4 应用程序有一些疑问。

ng build --prod --aot创建最终捆绑包以部署到生产环境中的最佳命令是什么？

如果是，是否通过 angular-cli 默认配置了 Tree Shaking 和 AOT 和 Uglfy，还是我应该手动配置这些？

在捆绑使用 angular-cli 开发的 Angular 4 应用程序时，还有其他最佳实践或建议吗？

我使用@angular/cli 1.3.1 版。

4

2 回答 2

2

你很亲密。根据有关此的angular-cli 文档，这些是用于 --prod 标志的设置：

--aot true
--environment prod
--output-hashing all
--sourcemaps false
--extract-css true
--named-chunks   false

它也这样做：

  • 如果在 .angular-cli.json 中配置，则添加服务工作者。
  • 将模块中的 process.env.NODE_ENV 替换为生产值。
  • 在代码上运行 UglifyJS。

因此，ng build --prod您需要做的就是使用 angular-cli 来处理其余的事情。

于 2017-09-20T18:54:25.657 回答
1

ng build --prod --aot 是创建最终捆绑包以在生产阶段部署的最佳命令吗...？

我可以简短地说一下，是的

如果是，是通过 Angular-cli 默认配置 Tree Shaking 和 AOT 和 Uglfy 还是我应该手动配置它？

您不需要手动配置它。它已经在那里了。

有没有其他最好的方法或建议来捆绑通过 Angular-cli 开发的 Angular 4 应用程序......？

您可以使用实验选项build-optimizer=true来进一步减小应用程序大小。请注意，它是实验性的。

于 2017-09-20T13:11:18.417 回答