升级 webpack4踩坑集

1. 很多参数进行了更改, 而新版 webpack 加入了类型检测, 类型不对会导致报错

在node_modules/webpack/declarations/WebpackOption.d.ts下寻找正确的参数与其类型

2. inline-chunk-manifest-html-webpack-plugin报错

Error: Plugin could not be registered at 'html-webpack-plugin-alter-asset-tags'. Hook was not found.
BREAKING CHANGE: There need to exist a hook at 'this.hooks'. To create a compatibility layer for this hook,hook into 'this._pluginCompat'.
  at Compilation.plugin (/Users/pineapple/code/CodemaoM/node_modules/webpack/node_modules/tapable/lib/Tapable.js:69:9)
  at Compilation.deprecated [as plugin] (internal/util.js:47:15)
  at compiler.plugin.compilation (/Users/pineapple/code/CodemaoM/node_modules/inline-chunk-manifest-html-webpack-plugin/src/index.js:63:19)

暂时先删掉, 似乎是因为html-wepback-plugins 与 webpack4之间的版本号问题, 此插件的作用好像是把 manifest.json 插入到 html 的头部, 看一下能不能用配置模拟一下

3. 引入 json 报错

因为 webpack^2 已经添加了引入 json格式文件, 因此不需要 json-loader(此插件也无法更新)
但是配置中依然有将 json 文件交给 happypack 打包 然后用 json-loader 来加载的不正确配置
因此删掉即可

4. development 环境下webpack4 打包速度过慢

webpack config 中optimization.runtimeChunk 设为 true
升级 html-webpack-plugin到 beta 版
升级 ts-loader, loader 增加参数 transpileOnly: true, experimentalWatchApi: true,
(途中曾经试过升级 node 版本(8.11.x -> 11.x), 结果更慢了 = =|||)