angular 2 - ng 构建与 webpack 构建答案

【问题标题】：angular 2 - ng build vs webpack buildangular 2 - ng 构建与 webpack 构建
【发布时间】：2017-12-27 16:07:51
【问题描述】：

我希望了解构建和部署 Angular 2 Web 应用程序的最佳方法是什么？

我最终需要将它作为我的 dropwizard 应用程序的 Web 包资源提供。

我试图了解是否应该保留 ng build 并使用它来生成我的 dist 文件夹，或者我应该用 webpack 覆盖它并执行 https://angular.io/guide/webpack 中指定的任何内容。
ng build 内部调用 webpack 吗？如果是，那么设置我自己的 webpack-config 文件并按照https://angular.io/guide/webpack 中的讨论进行设置有什么好处。

【问题讨论】：

有什么原因让你想自己配置webpack？
不，我有点失落，因为我从 Angular 看到了关于如何设置基于 webpack 的构建的详细文档 - angular.io/guide/webpack。所以我不确定我是否可以坚持使用 ng build。或者上述基于 webpack 的构建是否是正确的方法。 ng build --env=prod 是否执行上述链接中的操作？
关于 webpack 我不能说太多，因为我缺乏知识，但是如果你使用 angular cli 并且不需要自定义构建步骤，那么 ng build 是一个不错的选择

【解决方案1】：

angular cli 在当前版本中使用 webpack，您可以使用此命令配置您的构建

 ng eject

更多信息在这里https://github.com/angular/angular-cli/wiki/eject 使用此命令，您的 webpack 配置文件将出现，您可以自定义。

【讨论】：

【解决方案2】：

Webpack 和 ng-build 做几乎相同的工作，即捆绑您的模块以在浏览器环境中使用。例如，Angular 模块是一个功能，在浏览器中不支持，而 ES 6 模块尚未在任何浏览器中实现，这就是需要捆绑的原因。

【讨论】：