一个vue项目中有一张图片,在css中background-image中使用,大小超过了url-loader大小限制。npm run dev
的时候一切正常。npm run build
之后图片被直接放在dist/static/img
文件夹下,但是打包后的css却在dist/static/css/static/img
路径下找该图片,如果我把url-loader大小限制改成超过图片大小也能正常显示,但是图片较大不想这样做,这种情况要如何修改保证打包后路径正确?
修改build/utils.js文件中
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
添加:publicPath: '../../' 这一段代码