The-cost-of-transpiling-es2015-in-2016

2016 年将 es2015 编译成 es5 的成本

最近 Malte Ubl 指出了 AMP 团队在从 babel + browserify 切换到 closure 编译器时所获得的巨大的整体文件大小节省。Malte 的帖子让我思考到开发人员可用的各种工具在处理导入声明和合并多个文件时都采用了略有不同的方法。以下分析旨在探究在目标是为用户提供单个 JS 文件时，多种工具的成本差异。

以上是 vanilla es2015 代码 — 但是要在浏览器中运行此代码，我们首先需要使用多种选项之一将其转换为 es5。首先，我们来尝试使用 babel + browserify、closure 编译器和 rollup，然后比较输出结果。

如你所见,使用像 browserify 这样的工具时,每个模块的成本相当高,与 closure 或 rollup 相比。这简单地说,归结为每个模块的开销,这会增加你的包的总体大小。