使用 webpack 和 typescript 摇树

Posted 2023-03-13

【中文标题】使用 webpack 和 typescript 摇树

【英文标题】：Tree shaking using webpack and typescript

【发布时间】：2016-11-17 21:26:44

【问题描述】：

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

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

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

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

谢谢！

【问题讨论】：

您好，如果您使用的是 ngix，可以查看此链接：easyengine.io/tutorials/nginx/enable-gzip 如果您有 apache：giftofspeed.com/enable-gzip-compression 问候！

【参考方案1】：

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

【讨论】：

是的，我已经看到 TS 2 已经交付，但 webpack 仍然在 1.13 :( 我们应该再等一会儿，否则我认为使用 webpack beta 是一个非常糟糕的主意正在生产中。