{
        // 处理图片资源
        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'
        }
      }
    ]
  },

主要就是下面代码中的
{
// 处理html中img资源
test: /.html$/,
loader: ‘html-loader’,
options:{
esModule:false,
}
},

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