首頁猿問 VUE使用webpack打包后，圖...

VUE使用webpack打包后，圖片超過webpack.config.js里面設(shè)置的限制值時(shí)不顯示

JavaScript

函數(shù)式編程 2019-02-26 17:20:56

先貼上webpak.base.config.js關(guān)于圖片的代碼test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('img/[name].[hash:7].[ext]') }小于10k的圖片都形成了base64碼正常顯示但是超過的顯示不了，css屬性為這樣完整路徑為這樣config.index.js的代碼如下如果將上面的assetsPublicPath按照部分網(wǎng)上的更改為'/'的話則所有打包后的引用路徑為這樣file:///D:/static/js/app.77e13a999be27db608eb.js就沒有在項(xiàng)目目錄下css寫在VUE文件里，圖片文件放在src的平級目錄static里

查看完整描述

1 回答

慕桂英3389331

TA貢獻(xiàn)2036條經(jīng)驗(yàn) 獲得超8個(gè)贊

圖片不顯示無非就兩種情況：一種是資源找不到，一種是樣式問題，其中樣式有可能是圖片無高寬、層疊過低被覆蓋等等！不過也有種奇葩情況，就是圖片資源剛剛大于limit值一點(diǎn)點(diǎn)，如果該圖片多個(gè)地方使用，會出現(xiàn)有些地方也會打包成base64，有些地方不會，那不會的地方就不會顯示，我們公司項(xiàng)目就遇到了這種奇葩情況。這說明limit也會有微小誤差的。
疑惑：
圖片打包完引用路徑不應(yīng)該以‘/’開頭嗎？您這邊是相對路徑，在css文件中應(yīng)該是找不到的。我這邊打包路徑是這樣的：