Angular 2 应用程序的 SystemJS 与 Webpack答案

【问题标题】：SystemJS vs Webpack for Angular 2 applicationsAngular 2 应用程序的 SystemJS 与 Webpack
【发布时间】：2016-09-23 15:55:52
【问题描述】：

我们正在启动一个新的 Angular2 SPA，我正在研究是否使用 Angular 快速入门教程 (https://angular.io/guide/quickstart) 或 Webpack (https://angular.io/docs/ts/latest/guide/webpack.html) 中描述的 SystemJS。

通过在线研究，人们似乎正在从 SystemJS 转向 Webpack。比如谷歌的“Angular CLI”项目：http://react-etc.net/entry/angular-2-cli-moves-from-systemjs-to-webpack

Webpack 不仅处理模块，还提供了一种打包应用程序的方法（concat 文件、minify/uglify 文件，...）。新版本还提供“摇树”（从最终构建中删除死/未使用的模块）。

使用 SystemJS，我们仍然需要使用 gulp（或其他东西）来构建应用程序。

如果您从一个新的 Angular 2 应用开始，您会使用哪一个？

【问题讨论】：

【解决方案1】：

我现在使用 angular-cli 已经 6 个月了，改用 webpack 是他们能做出的最好的决定。它构建速度更快，比 SystemJS 更容易使用（我几乎没有配置），支持捆绑、摇树、延迟加载等等。

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

如果您不想浪费时间配置 SystemJS 或任何其他捆绑程序，那么使用 angular-cli 不会出错。

【讨论】：