webpack解決打包後圖片不顯示問題
阿新 • • 發佈：2021-09-01
webpack打包html中圖片不顯示問題
問題描述：
在html頁面中引入本地的圖片連結（使用相對路徑）後，webpack打包了，但是在頁面上開啟html顯示圖片載入失敗；
探究webpack問題：
打包解析html中img標籤的圖片，需要用到html-loader,
因為url-loader預設使用es6模組化解析，而html-loader引入圖片是commonjs 解決辦法： test:/\.html$/, //處理html檔案的img圖片負責引入img,從而能被url-loader進行處理 loader:'html-loader', options:{ esModule:false, }