webpack處理html中img標簽引入圖片不顯示問題

{
        // 處理圖片資源
        test: /\.(jpg|png|gif)$/,
        loader: 'file-loader',
        options: {
            // 關閉es6模塊化
            esModule: false,
            
          limit: 20 * 1024,
          
          
          
          name: '[hash:10].[ext]',
          outputPath: 'imgs'
        }
      },
      {
        // 處理html中img資源
        test: /\.html$/,
        loader: 'html-loader',
        options:{
                    esModule:false,
                        }
      },
      {
        // 處理其他資源
        exclude: /\.(html|js|css|less|jpg|png|gif)/,
        loader: 'file-loader',
        options: {
          name: '[hash:10].[ext]',
          outputPath: 'media'
        }
      }
    ]
  },

主要就是21，22，23行

webpack5中在url-loader，html-loader，中都需要配置 esModule:false