webpack 4 升级到5 url-loader require 图标不展示问题

旧项目升级webpack。url-loader 换为webpack5 的 type: 'asset'

直接结论

项目里面使用 require('xxx.png').default 是可以拿到图片的，升级后，表现为图片无法加载。原因就在于这个 default 

去除就好了

查了一下午哎....

再放一个折腾中的查到的知识点

url-loader 有一个配置，esModule: false, 原来是true,现在变为默认false了。

webpack：url-loader打包img后src为[object Module]_vue 项目中引入图片使用相对路径,打包配置url-loader之后使用图片src为[object -CSDN博客