Syntax Error: Error: You forgot to add 'mini-css-extract-plugin' plugin (i.e. { plugins: [new MiniCssExtrlugin()] }), please read GitHub - webpack-contrib/mini-css-extract-plugin: Lightweight CSS extraction plugin
pnpm store path的错，却是mini-css背的锅
vue3项目，使用的是vue-cli和webpack5。项目之前是正常的，可能不小心修改了pnpm store的path路径，导致pnpm run build一直报标题那个错误。
起初以为是配置问题，将这个插件'mini-css-extract-plugin'的各种配置都试了一遍，无效
最后发现项目外层多了个 .pnpm-store文件夹，以前没见过。就开始怀疑这个，后来发现pnpm的安装路径是C盘。试着将pnpm store的path修改到了C盘的pnpm目录下。重新安装依赖。build打包正常了！！！
查看pnpm store路径
pnpm store path
我这里是修改后的，和pnpm的安装目录是一块的。之前不在一起
Snipaste_2024-03-26_10-13-14.png
111.png
222.png
修改pnpm store路径
pnpm config set store-dir <new path> // 将<new path>替换为目标存储路径
修改之后，重新pnpm store path查看是否成功。然后删除之前的node_modules。重新pnpm install。依赖安装完成再次尝试pnpm run build测试打包。
pnpm store提供了修改path的命令方法，但是如果随意修改可能还是会导致意想不到的问题。希望大家都不会遇到吧。
