在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ webpack 打包圖片 大于10KB 的 不顯示?。。?！

webpack 打包圖片 大于10KB 的 不顯示?。。?！

打包后發(fā) 服務器上 只有圖標顯示了，其他大于 10KB 的圖片都不顯示?。?！如果把 limit 值加個0（小于100KB就可以顯示了）。有其他辦法嗎？？？？？？

{

    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('img/[name].[hash:7].[ext]')

}

clipboard.png

安裝 file-loader 后也不管用。不的為什么。。。。。。

clipboard.png
修改build 路徑后 css 可以顯示了，但是 圖片還是不顯示，報錯。。。

clipboard.png

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

相關代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）

你期待的結(jié)果是什么？實際看到的錯誤信息又是什么？

回答
編輯回答
乖乖瀦

這個不顯示怕是路徑錯誤吧，可以打開chrome調(diào)試工具看一下error。

至于為什么調(diào)整limit會顯示，因為這個屬性的意思是圖片的大小小于這個值，那么直接編碼程base64寫進代碼中，不走path路徑，所以正常顯示了。一旦圖片大小超過這個值，那么就要打包輸出圖片到某個文件夾，具體看您的配置。

建議通過 output里面的publicPath或者輸出hash兩方面查找原因，先用調(diào)試工具定位錯誤吧。

如果不能解決，歡迎再次討論，

2017年1月5日 15:21