問題描述:
在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,
}