使用 webpack 和 typescript 摇树

Question

我正在尝试减轻我的 angular 2 应用程序的重量。

我使用 typescript (1.8.10) 和 webpack (1.13) 作为模块打包器。

我已经缩小了我所有的 ts 文件。 我已经在我的服务器中启用了 gzip 压缩，现在我想使用 tree shaking ，但是我没有找到任何加载器或类似的东西来在我的项目中使用它。我找到了汇总模块捆绑器，但我不想更改我的模块捆绑器（我认为 webpack 对我来说更好）。

有人知道如何在 webpack 中使用摇树吗？

谢谢！

Answer 1

Webpack 2 与 TypeScript 2 结合使用开箱即用的 UglifyJSPlugin webpack 插件支持 tree-shaking。对于您的情况，这可能是最简单的解决方案。 这里有一个很棒的博客介绍它是如何完成的： http://blog.rangle.io/optimize-your-angular2-application-with-tree-shaking/