webpack解決打包后圖片不顯示問題


問題描述:

       在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,
            }
 
 

 


免責聲明!

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



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