webpack 5学习系列-踩坑记录

练习图片引入的几种方式

方式一、通过require直接引入

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

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

我的代码配置如下：

即可正常显示图片