hzuhyb / webpack-translate

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

webpack 2及更高版本

hzuhyb opened this issue · comments

commented

🚀 webpack 2及更高版本 🚀

The road ahead

今天我们已经在npm的 最新 tag下发布了webpack 2到npm现在您可以使用 npm install webpack 将其安装在您的项目中。

👀 为什么更新?👀

从webpack 1升级到2有一些非常令人兴奋的功能特性。

🙅 ES6 支持 🙅‍

您不再需要在代码中使用babel来解析 importexport 语句。webpack现在支持解析这些语句。这允许我们利用一个新的webpack 2功能:“Tree shaking”!

提示:如果您还在使用Babel将 importexport 语句转换为 require 语句,您现在就可以使用预设选项来进行修改关闭此功能。我们建议您使用 env 预设来处理此问题。

["env", {"modules": false}]

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

🌳 Tree shaking 🌳

因为静态分析ES6的 importexport,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版本里程碑并开始开发。

💍 以及更多!!! 💍

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

原文链接