问题描述:

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

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-25
  • 2021-08-20
  • 2021-09-02
  • 2021-09-21
猜你喜欢
  • 2021-05-06
  • 2021-10-08
  • 2021-12-22
  • 2021-10-16
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案