webpack 安装 url-loader 模块后,图片地址展示错误问题

  使用webpack生成的项目,动态往页面追加图片的时候,需要安装url-loader插件。

  安装完毕之后,项目可以正常启动,但是图片显示成这样

  

 

 

   图片的路径明显不对,但是插件已经安装,此时需要查看webpakc的配置:

  在url-loader的插件中添加  

esModule: false

  最终的配置如下:配置完成,图片即可正常显示 

 

 

   

posted @ 2021-07-09 10:43  苑超  阅读(375)  评论(0编辑  收藏  举报