一個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: '../../' 這一段代碼
