当前位置: 首页 > Web前端 > vue.js

webpack5升级指南(踩坑记录)

时间:2023-04-01 12:39:22 vue.js

CssDependencyerror:Notemplatefordependency:CssDependency问题关键:webpack开发方式不能使用MiniCssExtractPlugin.loader解题思路:MiniCssExtractPlugin.loader用于提取css样式到css文件中压缩,但是开发环境启动webpackdevServer引用的文件并没有打包到dist目录下,而是打包到内存中引用,所以解压后的css没有文件容纳,会出现这个错误被举报。Error:[objectObject]isnotaPostCSSplugin问题关键:很可能是项目没有安装postcss解决思路:npmipostcss-DError:NormalModuleFactory.afterResolve不再是瀑布钩子,而是取而代之的是一个捞钩。不返回传递的对象,而是修改它。返回false会忽略请求,导致没有创建模块问题关键:lodash按需加载插件作者没有升级解决问题思路:升级webpack5后,lodash按需加载babel插件(babel-plugin-lodash,lodash-webpack-plugin)尚未升级。我目前的解决方案是改为引入lodashes6版本,并在webpack5更新后使用更强大的treeShaking按需加载lodashnpmilodash-es-Simport{cloneDeep}from"lodash-es"cloneDeep({a:1,b:2})错误:找不到模块'webpack-cli/bin/config-yargs'