使用webpack生成的项目,动态往页面追加图片的时候,需要安装url-loader插件。
安装完毕之后,项目可以正常启动,但是图片显示成这样
图片的路径明显不对,但是插件已经安装,此时需要查看webpakc的配置:
在url-loader的插件中添加
esModule: false
最终的配置如下:配置完成,图片即可正常显示