Webpack 4 正式发布,代号为 Legato,包括多项重要更新,特别是增加了 0 配置特性,可以视为对前阵子大火的 Parcel 的有力回击。
你可以使用以下代码安装:
$> yarn add webpack --dev
//or
$> npm i webpack --save-dev
更新和改进包括:
众多主流前端框架的 CLI 工具将积极跟进这一升级,数周内将发布的 Angular 新版本将直接集成 Webpack 4.
需要注意的是,此次升级对于诸多 plugin 和 loader 来说是破坏性升级,之前官方团队给生态里的伙伴留了一些时间让他们适配此次升级,不过有些未能做到,如 HtmlWebpackPlugin 暂时未能同步升级,Webpack 团队为它创建了一个 fork 来使其支持 4.0 版本,使用方法:
$> yarn add html-webpack-plugin@webpack-contrib/html-webpack-plugin
其它更多更新细节见发布说明:
https://github.com/webpack/webpack/releases/tag/v4.0.0
Webpack 团队还为这些新特性撰写了一系列介绍文章,可前往阅读:
https://medium.com/webpack/webpack-4-mode-and-optimization-5423a6bc597a
https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366
https://medium.com/webpack/webpack-4-migration-guide-for-plugins-loaders-20a79b927202