webpack5 + vue3 打包问题

1, 打包后本地访问空白或者404问题

解决办法:

 

 

2, 打包CSS图片路径不正确问题

在生产模式下，使用的MiniCssExtractPlugin.loader代替style-loader，但图片、字体等资源文件输出路径设置不正确

问题截图:  图片引入路径多了一个css目录

 

解决办法:

在 webpack 配置文件中，使用MiniCssExtractPlugin.loader时，配置一个publicPath，让其向上跳出一层目录：