webpack 2及更高版本
hzuhyb opened this issue · comments
🚀 webpack 2及更高版本 🚀
The road ahead
今天我们已经在npm的 最新
tag下发布了webpack 2到npm现在您可以使用 npm install webpack
将其安装在您的项目中。
👀 为什么更新?👀
从webpack 1升级到2有一些非常令人兴奋的功能特性。
🙅 ES6 支持 🙅
您不再需要在代码中使用babel来解析 import
和 export
语句。webpack现在支持解析这些语句。这允许我们利用一个新的webpack 2功能:“Tree shaking”!
提示:如果您还在使用Babel将 import
和 export
语句转换为 require
语句,您现在就可以使用预设选项来进行修改关闭此功能。我们建议您使用 env
预设来处理此问题。
["env", {"modules": false}]
🌳 Tree shaking 🌳
因为静态分析ES6的 import
和 export
,webpack可以“标记”未使用的 import
,并允许诸如UglifyJs和Closure Compiler之类的minifiers(缩小器)删除未使用的代码。这可能会导致更小的包!(称为死代码消除)- 点击这里查看更多信息!
🏭 module.loaders => module.rules 🏭
我们在loaders的灵活性和配置方面做了重大改进。这包括能够将函数传递到 options
属性,一个称为 issuer
的新过滤器,也还能够在每个loader基础上限制webpack解析器以减少构建时间,并强制执行模块一致性 - 点击这里查看更多信息!
🏎 性能预算 🏎
我们与Addy Osmani联合创建了性能预算。现在默认情况下,webpack将突出显示超过250kb大小的bundle。您可以详细了解我们如何以及为什么我们喜欢这个功能特性。- 点击这里查看更多信息!
🎂 还有更多 🎁
这只是一些顶级功能。我们还提高了我们的解决方案、构建速度、loader API、支持新的whatwg loader
规范以用于使用 import()
延迟加载bundle,还有更多!!请参阅我们的迁移指南,查看所有更改!
🛣 前方的路 🛣
有很多令人兴奋的事情,我们想与你分享。首先是我们正在计划着我们当前和未来的里程碑,。
🐛🗡 Bugfix版本 🐛🗡
在我们的最终版本中,我们在webpack 2.3 Bugfix里程碑。我们将修复从社区反馈的更新到webpack 2时的遇到的任何关键问题。我们要求您在提交issues时,请记住提供我们一个可重现的示例,以便我们可以加快修复过程。在这个里程碑完成后,我们将为您发布这些修补程序,并继续我们的功能发布。
💅 功能发布 💅
功能里程碑代表着功能增强,这是由你们共同选择出来的!自从我们发布了投票页面后,无论是为typescript增加 Rollup-style
范围提升,还是为TypeScript提供更好的 Tree Shaking
支持,是大家一直争论的话题。一旦我们发布了我们的bugfix版本,我们将以最多的投票采用该功能,并将其分配给我们的2.4版本里程碑并开始开发。
💍 以及更多!!! 💍
我们有很多令人兴奋的事情,但我们不想破坏你的一切!敬请期待更多的更新。