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'
        }
      }
    ]
  },

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

},

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值