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

我正在启动一个新的Angular 4项目，并正在寻找最佳实践/配置来设置Angular 4项目。在Angular.io上遇到了基于Angular CLI的方法和基于System js的快速启动项目。我很想知道一个最好的开始我的发展

CLI是将Webpack2与Angular 4一起使用的唯一方法吗？我了解到，使用CLI时，由于无法使用Webpack2（如设置捆绑、丑陋和缩小等）而失去了灵活性。这是正确的吗？有没有其他方法可以在不使用CLI的情况下将Webpack2与Angular 4一起使用

在这种情况下，基于SystemJS的方法是最好的方法吗。请分享你在这方面的经验

---

我知道它是基于选择的，会引起一些负面反应，但我想在继续开发之前了解它的细节。希望你们能理解我的担忧。

意见问题，但angular cli绝对是IMHO的最佳选择

由于

angular cli

是由Google与angular联合开发的，因此您可以依靠它始终保持最新，为angular 5提供迁移工具，主动添加新功能，如支持服务人员，在准备就绪时与Webpack 3集成等

如果您发现自己真的需要使用webpack玩（我想您的意思是“战斗”），angular cli允许您“弹出”webpack配置，以便调整它

---

我刚刚完成了一个最初围绕quickstart构建的项目到angular cli的迁移，它更易于理解、维护和配置。我还参与了另外两个使用

angular cli

的大型项目，我们从未觉得需要直接使用webpack所带来的“灵活性”。

angular cli是否提供了在不弹出webpack的情况下添加babel等插件的能力？弹出网页包有什么问题吗？为什么需要使用Babel？只是一个例子。与Webpack2一样，我可以捆绑和丑化我的代码，这是如何在CLI中实现的？这一切都可以正常工作（缩小将在生产构建中发生）。创建一个新的

angular cli

应用程序并使用它可能是了解事物如何工作的最佳方式。当然，这不是唯一的方式。相反，您可以花费数小时与webpack配置和gulp脚本进行斗争。