BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

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

| 作者 David Iffland 关注 4 他的粉丝 ,译者 刘嘉洋 关注 0 他的粉丝 发布于 2017年1月23日. 估计阅读时间: 3 分钟 | GMTC大前端的下一站,PWA、Web框架、Node等最新最热的大前端话题邀你一起共同探讨。

流行的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即将成为安装的默认版本。

查看英文原文Webpack 2 Finalized with Focus on Improved Documentation

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT