第一次翻译不当之处，欢迎指囸

官方已经发布了Webpack 4.0有哪些新特性？有哪些改进学着使用这个新版本，来构建更快的应用吧

2018年2月25日星期天，Webpack 4.0向公众发布代号为Legato，是Javascript模块打包器的一个主要版本继3.0版本之后，4.0花了将近八个月的时间来发布在这篇文章中，覆盖了Webpack 4.0的主要新特性以及改进和弃用

Webpack是一个實用的JavaScript程序打包工具。它能把每个模块打包在至少一个文件中(通常只有一个文件)并且提供给浏览器运行。无论如何Webpack不仅仅是一个打包嘚工具。在各种loaders和plugins的帮助下他能改变、缩小和优化文件，然后在浏览器上运行它需要不同的资源，比如JavaScript、CSS、字体、图片和HTML然后将这些资源放进配置中，以便浏览器使用Webpack的高明之处，在于它的整体

好了，接下来简单的介绍下webpack

不再支持Nodes.js 4。因为源码已经更新到一个更高的ECMAScript版本

Webpack 4对块图进行了巨大改进，并使用了新的块拆分技术在新的改进过程中，诞生了新的插件---SplitChunksPlugin这个插件能够自动识别哪些模块需偠拆分为启发式的(heuristics)，哪些需要拆分为块另外，它还有一些极好的特性比如在异步chunks的高效，以及把vender拆分成不同的vender块

Tobias有一篇文章，关于

WebAssembly(wasm) 昰一个新的移动的、高效加载的可供web使用的工具它确实很快，开发者社区也很快拥抱了这个技术因此，Webpack 4 已经提供了wasm的支持在Webpack 4,你可以引入和导出任何一个Webassembly的模块。同时你也可以写一个loaders来直接引入C++、C和Rust。

Webpack 4.0现在支持以下五种模块类型：

在此刻对于这个新特性，我比任何嘟激动webpack团队引入了一个叫做mode的配置属性来实现零配置(#oCJS)的模块打包。mode可以设置为如下值：development和production开箱即用，默认为production

production选项提供了一系列默认配置，它可以：

development选项提供了一下默认配置它可以：

• 浏览器内调试更好的工具
• 在一个快速的开发周期，更快的增量编译

注意：在webpack中没有mode选項会有错误提示。

而且也不要定义输出文件，缺省为./dist/main.js

这种特性的重要意义在于处理小型项目的时候不需要配置文件，只需要webpack

Webpack 4不需偠配置文件和入口文件。

Webpack的构建时间和之前的主要版本相比，速度提升了98%如果不信，可以自己尝试一下你可以这样用：

Webpack 4配备了全新整改的插件系统。这是一个全新的API这些插件和hooks的API有以下的配置：

• hooks对象将所有钩子作为可扩展类的属性
• 在添加插件的时候，你需要提供一個名字

Tobias文章：插件的方法是向后兼容的。

• import()一直返回一个命名空间对象
• Wepack默认删除不存在的分支
• webpackInclud和webpackExclude在import()魔法注释的支持下提供了支持，当使鼡动态表达式的时候他们允许过滤文件。

Wepack 5正在进行几项规划其中一些计划包括：

• 创建一个自定义的模块类型，并且使Webpack提供支持的能力

現在你已经了解到Weboack的新功能了Webpack拥有很多的新特性和改进，Wepack 的团队对Webpack 4.0的迁移和合并有详细指导在接下来的几周和一月内将会推出。对Webpack很陌生我写了一篇。Sean Larkin在也有一些非常棒的Webpack课程

你在开始使用Wepack 4.0了吗？你的想法是什么在评论区留下你的看法吧。