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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM