webpack 5学习系列-踩坑记录

89 阅读1分钟

练习图片引入的几种方式

方式一、通过require直接引入 image.png

方式二、通过css 背景图片方式引入

image.png

这个方式在webpack打包时候,dist目录中出现两个打包图片,出现了资源重复问题,导致 background-image 引入的图片在页面中无法显示,解决方式,在webpack.config.js 配置文件中设置如下

image.png

我的代码配置如下:

image.png 即可正常显示图片