Webpack的url-loader打包后图片无法显示

579 阅读1分钟

Webpack使用url-loader打包background-image,打包过后的页面没有直接引入base64格式的图片, 却在dist文件夹下生成了.png文件,用文本编辑器打开,里面的内容却是base64编码的图片.求大佬帮忙解惑,感激不尽.

这是url-loader的版本号

微信截图_20220125021719.png

Webpack的配置文件

微信截图_20220125022811.png

scss文件引入图片

微信截图_20220125021844.png

进行打包

微信截图_20220125023343.png

生成了两个png文件,但是无法打开,使用文本编辑器查看,里面是base64编码(经验证,能正常使用)

微信截图_20220125022003.png

浏览器查看,编译后的网页,是直接引入的编译生成的这两个文件,无法正常显示

0.png