关于webpack:webpack5升级指南踩坑记录

CssDependency

报错：No template for dependency: CssDependency

问题要害：webpack开发模式不能应用 MiniCssExtractPlugin.loader

解题思路： MiniCssExtractPlugin.loader是用来提取css款式到css文件中并压缩，然而开发环境启动webpack devServer援用的文件都不是打包在dist目录的，是打包到内存中援用的，所以提取的css没有文件来包容它，就会报这个谬误。

报错：[object Object] is not a PostCSS plugin

问题要害： 很大可能是我的项目没有装置postcss
解题思路：

npm i postcss -D

报错： NormalModuleFactory.afterResolve is no longer a waterfall hook, but a bailing hook instead. Do not return the passed object, but modify it instead. Returning false will ignore the request and results in no module created

问题要害： lodash按需加载插件作者并未降级
解题思路： 降级webpack5后，lodash按需加载的babel插件( babel-plugin-lodash, lodash-webpack-plugin)并没有降级，我目前的计划是改为引入lodash es6版本的，通过webpack5更新后更为强悍的treeShaking来按需加载lodash

npm i lodash-es -S

import {cloneDeep} from "lodash-es"
cloneDeep({a:1,b:2})

Error: Cannot find module ‘webpack-cli/bin/config-yargs’