如何在 webpack 2 和 typescript 以及 angular 2 中使用 tree-shaking?
How to use tree-shaking with webpack 2 and typescript and angular 2?
我已经用 angular 设置了 webpack 2,而且大多数情况下它似乎都能正常工作。它似乎没有 tree-shaking
,因为我有一个几乎什么都不做的应用程序,而且 vendor.js
仍然是 800+ KB。
关于如何打开摇树优化的信息似乎很少,但我的理解是它对 ES6 模块自动打开,但对 ES5 不起作用。是这样吗?
最重要的是:如何使用 webpack2 将 tree-shaking 应用于 typescript/angular2?
我发现这非常好repository,其中包含有关如何执行此操作的示例。
正如在那儿和问题的评论中提到的,显然存在阻止 tree-shaking 发生的错误。这似乎意味着现在用 "target": "es5"
.
真的不可能了
我们可以使用 es2015
,但随后我们需要一些额外的步骤(例如通过 Babel)编译为 es5
,直到浏览器支持它。
我已经用 angular 设置了 webpack 2,而且大多数情况下它似乎都能正常工作。它似乎没有 tree-shaking
,因为我有一个几乎什么都不做的应用程序,而且 vendor.js
仍然是 800+ KB。
关于如何打开摇树优化的信息似乎很少,但我的理解是它对 ES6 模块自动打开,但对 ES5 不起作用。是这样吗?
最重要的是:如何使用 webpack2 将 tree-shaking 应用于 typescript/angular2?
我发现这非常好repository,其中包含有关如何执行此操作的示例。
正如在那儿和问题的评论中提到的,显然存在阻止 tree-shaking 发生的错误。这似乎意味着现在用 "target": "es5"
.
我们可以使用 es2015
,但随后我们需要一些额外的步骤(例如通过 Babel)编译为 es5
,直到浏览器支持它。