@pockry 2018-02-26T08:33:42.000000Z 字数 1106 阅读 1419

Webpack 4发布了

前端

Webpack 4正式发布，代号为Legato，包括多项重要更新，特别是增加了0配置特性，可以看做是对前阵子大火的Parcel的有力回击。

你可以使用以下代码安装：

$> yarn add webpack --dev
//or
$> npm i webpack --save-dev

更新和改进包括：

性能大幅提升，从官方团队收集的案例显示，性能有从60%-98%的提升。并且这是在未添加多核支持和持久化缓存的情况下，意味着性能还有提升空间。
新增mode配置，可选择development和production，默认为production，它们的主要区别是development更重视构建时间，production更重视尺寸。并且，有了mode之后，无需配置即可启动，实现了零配置。
使用optimize.splitChunks替代CommonsChunkPlugin。
支持WebAssembly，现在可以导入入WebAssembly支持的其它语言文件。
支持CommonJS, AMD, ESM等模块系统，可以直接导入.mjs扩展名的模块文件，对wasm模块也有实验性的支持。

众多主流前端框架的CLI工具将积极跟进这一升级，数周内将发布的Angular新版本将直接集成Webpack 4.

需要注意的是，此次升级对于诸多plugin和loader来说是破坏性升级，之前官方团队给生态里的伙伴留了一些时间让他们适配此次升级，不过有些未能做到，如HtmlWebpackPlugin暂时未能同步升级，Webpack团队为它创建了一个fork来使其支持4.0版本，使用方法：

$> yarn add html-webpack-plugin@webpack-contrib/html-webpack-plugin

Webpack团队还为这些新特性撰写了一系列介绍文章，可前往阅读：