Angular2生产构建

Question

尝试使用Angular2查找生产构建的工作示例。 到目前为止，我使用SystemJ进行开发，我很好。仍然希望在dev中使用非优化/最小化/捆绑文件。但对于生产我喜欢捆绑（模块，延迟加载和AOT），缩小和树摇动。 无法让它运转起来。我不在乎它是否是webpack或jspm或汇总或其他任何工作。我有点接近累积，但它不喜欢一些软件包（ng2-bootstrap）我认为因为es5 / es2015

Answer 1

我以前使用SystemJS + SystemJS Builder并尝试汇总但面临同样的问题。

所以我已经切换到Webpack，现在一切正常。 这是我的回购：https://github.com/Rebilly/ReDoc

一般来说：

• 在 webpack进入之前，我使用ngc 进行SCSS构建和AOT构建：package.json#L24
• 我有两个引导程序文件：bootstrap.ts（使用AOT工厂）和bootstrap.dev.ts（使用运行时编译器）
• 基于Webpack Define plugin variable AOT的定义，我在这两个文件之间切换：index.ts#L11
• Webpack 2声称从盒子里发出一些树木震动，但现在看起来有点破碎：webpack/issues/2867

虽然我不使用延迟加载。

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