vue build打包后css里的图片路径404
在vue-cli项目中build/utils.js中找到如下代码块,添加
publicPath:’../../’
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' //添加这句话 }) } else { return ['vue-style-loader'].concat(loaders) }
css中引用的图片地址有问题,需要返回上两级目录,修改后重新打包即可
本文首发于Calamus的博客。