Angular2生产构建

Question

试图找到 working 使用 Angular2 构建的 production 示例。 到目前为止，我正在使用 SystemJs 进行开发，我对此表示满意。仍然想在开发中使用非优化/最小化/捆绑文件。但是对于生产，我想要捆绑（使用模块、延迟加载和 AOT）、缩小和摇树。 还不能让它工作。我不在乎它是 webpack 还是 jspm 或 rollup 或其他任何东西，只要它完成这项工作。我对汇总有点接近，但它不喜欢某些包（ng2-bootstrap），我认为是因为 es5/es2015

Answer 1

我曾经使用 SystemJS + SystemJS Builder，也尝试过 rollup，但遇到了同样的问题。

所以我已经切换到 Webpack 并且现在一切正常。 这是我的仓库：https://github.com/Rebilly/ReDoc

一般：

• 我使用ngc 进行 SCSS 构建和 AOT 构建 在 webpack 进入之前：package.json#L24
• 我有两个引导文件：bootstrap.ts（使用 AOT 工厂）和 bootstrap.dev.ts（使用运行时编译器）
• 基于Webpack定义的插件variable AOT我在这两个文件之间切换：index.ts#L11
• Webpack 2 声称有某种开箱即用的 tree-shaking 但现在似乎有点坏了：webpack/issues/2867

虽然我不使用延迟加载。

另外，请检查angular2-webpack-starter。