如何使用 Webpack2 设置 Angular 4 项目?

How to setup Angular 4 project using Webpack2?

我正在开始一个新的 Angular 4 项目,正在寻找最好的 practices/configuration 来设置 angular 4 项目。在 angular.io 上遇到了 Angular 基于 CLI 的方法和基于 System js 的快速启动项目。我很想知道开始我的开发的最佳选择。

CLI 是将 Webpack2 与 Angular 4 一起使用的唯一方法吗?我读到,使用 CLI 会失去灵活性,因为无法使用 Webpack2,例如设置捆绑、丑化和缩小等。这是正确的吗?有没有其他方法可以在不使用 CLI 的情况下将 Webpack2 与 Angular 4 一起使用?

在这种情况下,基于 System js 的方法是最好的方法吗?请分享您的经验。

我知道它是基于选择的,会引起一些负面反应,但我想在继续开发之前了解有关它的详细信息。希望大家能理解我的担心。

见仁见智,但恕我直言,angular-cli 绝对是最佳选择。

因为 angular-cli 是由 Google 与 Angular 联合开发的,您可以依靠它始终保持最新状态,提供迁移到 Angular 的工具5、主动添加新功能,例如支持service worker、与Webpack 3集成等

如果你发现自己真的需要使用 webpack(我想你的意思是 "fight"),angular-cli 允许你 "eject" webpack 配置,这样你就可以调整它.

我刚刚完成了一个最初围绕 quickstart 构建的项目到 angular-cli 的迁移,它更容易理解、维护和配置。我还参与了另外两个使用 angular-cli 的大型项目,我们从来没有觉得需要直接使用 webpack 的 "flexibility"。