最近两天前端界有个热门话题,就是 webpack 发布了4.0.0版本,随之又发布了4.0.1修复了4.0.0发现的bug,那么 webpack 4的发布到底有什么大改变呢?

详见官方发布日志:

https://github.com/webpack/webpack/releases/tag/v4.0.0
https://github.com/webpack/webpack/releases/tag/v4.0.1

至于升级嘛,经测试,在 webpack 3.x基础上升级至 webpack 4,首先出现的就是 UglifyJsPlugin、CommonsChunkPlugin 两个插件的废弃,改为内置提供,其余常用 loader(如file-loader、url-loader等)也都提供了想对应的兼容版本,升级 webpack 4后移除 UglifyJsPlugin 和 CommonsChunkPlugin 两插件(以 optimization 配置取代),再逐一升级其余 loader,基本满足需求。

需要注意的是,虽然 webpack 4在发布前已为社区留了足够时间,但第三方插件仍有个别没有适配。官方称,Jan Nicklas因为工作原因没及时升级 html-webpack-plugin,因此发布了一个 html-webpack-plugin 的 fork 版(待 Jan
时间允许会更新合并回 jantimon/html-webpack-plugin 仓库)。

可以使用如下命令安装它:

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