webpack 2及更高版本

[hzuhyb]

🚀 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}]

在Babel的文档中查看更多信息！

🌳 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版本里程碑并开始开发。

💍 以及更多！！！ 💍

我们有很多令人兴奋的事情，但我们不想破坏你的一切！敬请期待更多的更新。

原文链接