Vue+Webpack打包以後超過url-loader大小限制的圖片在css的background-image中使用路徑問題

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