SystemJS和Webpack在Angular 2应用中的比较

Question

我们正在开发一个新的 Angular2 单页面应用程序，我正在研究是否使用 Angular 快速入门教程中所描述的 SystemJS (https://angular.io/guide/quickstart) 或者 Webpack (https://angular.io/docs/ts/latest/guide/webpack.html)。

在网上调研时，人们似乎正在从 SystemJS 转向 Webpack。例如，Google 的 "Angular CLI" 项目: http://react-etc.net/entry/angular-2-cli-moves-from-systemjs-to-webpack

Webpack 不仅处理模块，还提供了一种打包应用程序的方式（合并文件、压缩/混淆文件等）。新版本还提供了 "tree shaking"（从最终构建中删除死代码和未使用的模块）。

使用 SystemJS ，我们仍然需要使用 gulp (或其他工具) 来构建应用程序。

如果你要开始一个新的 Angular 2 应用程序，你会选择哪个呢？

- bka

Answer 1

我现在使用 angular-cli 已经有六个月了，转向使用 webpack 是他们可以做出的最好决定。它建立速度更快、比 SystemJS 更易于使用（几乎没有我的配置），支持打包、树摇、懒加载等等。

这个工具每个月都在变得更好，我现在有三个生产应用程序。

如果您不想被浪费时间在配置 SystemJS 或任何其他打包工具上，那么使用 angular-cli 就是正确的选择。

- Alexander Ciesielski

---

随着时间的推移和CLI的快速改进，这个选择变得越来越容易。 - snorkpete

使用Webpack，就像Angular CLI一样。它将在开发模式下支持即时AOT编译，这是一个重大改进。 - CREM