Webpack 2最终版本发布，聚焦文档内容提升

译者｜刘嘉洋

流行的JavaScript模块和资源打包工具Webpack 2最终版本已经发布，该版本可以实现对ES2015的本地支持，并大大改善了文档内容。但是，新版本是否能显著改进构建时间和文件大小还有待观察。

Webpack 2（官方版本2.2）中的许多变更都旨在让它的使用变得更加简单。最受欢迎的升级内容之一就是新的文档指南。比如说，版本2的文档中有专门用于解释核心概念（如加载器、插件和配置）的部分，解释的比1.x文档更加详细，这可以帮助减少新手开始使用的时间。团队现在非常重视文档的编写。

Webpack文档协调员Juho Vepsäläinen表示，新的文档在版本2中起到至关重要的作用：

如果你对Webpack已经有了了解，那版本1.0的文档对你会有帮助。但如果你刚开始了解这个工具，这份文档对你来说并不是很好上手的材料。为了让Webpack变得更加可用，我们决定重新编写文档。

对于正在使用1.x版本并想转而用2.x版本的开发者，可以参考迁移指南。在新版本中对于一些配置术语进行了更改，开发者可以更加简单地理解这些术语。举个例子来说，顶级module.loaders部分变更为module.rules。由于配置中加载器中还有加载器，1.x版本可能会让人感到困惑。新版本的文档解释得就非常清晰，加载器作为规则的一部分进行介绍。

原来链接加载器的方法繁琐且复杂：

loader: "style-loader!css-loader!less-loader"

新的方法将其分为一个数组，阅读变得更为方便：

use: [
"style-loader",
"css-loader",
"less-loader"
]

由于Webpack 2支持开箱即用的ES2015模块，所以它默认情况下支持tree shaking代码优化技术。tree shaking从目标包中删除了未使用的代码，以减小其大小。不幸的是，由于默认情况下浏览器还不支持ES2015模块，所以目前大多JavaScript生态系统都会将代码编译到CommonJS来去除其影响。Swizec Teller称目前的改进是比较小的：

然而，我们必须等待整个生态系统都能赶上进度。大多数库都会随着将ES6模块编译为ES6一起分布，所以在现实的情况下，改善程度仅仅提升了4%。由于Webpack 2的发布，这一点必将提升。

现在还不清楚版本2是否变快了很多。Brett Uglow分享了他使用Webpack 2的速度体验，但他对结果比较失望。Webpack核心团队成员Sean Larkin说，他们在临近开发结束的时候改变了Webpack的构建方式，“它在性能方面获得了显著的提升”。

展望未来，团队邀请社区参与到功能票选中来，帮助指导并确定未来发展的优先顺序。当发出npm install webpack命令时，版本2.2即将成为安装的默认版本。

移步查看带链接版：http://www.infoq.com/cn/news/2017/01/webpack-2-final-documentation

今日荐文

蘑菇街前后端分离实践

视野拓展

QCon是由InfoQ主办的全球顶级技术盛会，每年在伦敦、北京、东京、纽约、圣保罗、上海、旧金山召开。扫描下图二维码，了解更多信息。

QCon北京2017将于4月16日~18日在北京·国家会议中心举行，精心设计了支撑海量业务的互联网架构、大规模网关系统、微服务实践、快速进化的容器生态、智能化运维、互联网广告系统实践、大数据实时计算与流处理和金融科技转型与未来等30来个专题，涵盖架构、大数据、云计算、移动、前端、人工智能等热点领域，将邀请来自Google、Facebook、阿里巴巴、腾讯、百度、美团点评、爱奇艺等典型互联网公司的技术专家，分享技术领域最新成果。敬请期待。

前端之巅

「前端之巅」是InfoQ旗下关注前端技术的垂直社群，投稿请发邮件到[email protected]，注明“前端之巅投稿”。