关于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’