今天想到了整张svg作为背景图，真是一头雾水。背景图片：url('./icons/add-circle.svg');这么简单的一句话就是不行，但是编译的时候不报错，就是出不了图。一开始以为是size的问题，后来以为是svg不能做背景，后来又以为是less-loader的问题。最后直接打开打包好的svg链接，发现svg好像根本就没有正常打包。第1行第1列报错：Documentisempty。原始svg加载方式：{test:/\.(ttf|woff|woff2|eot|svg)$/i,use:[{loader:'url-loader',options:{limit:false,},},],}改成这样就可以正确处理：{test:/\.svg/,type:'asset/inline'}当然这是webpack5的解决方案，还有svg-inline等历史遗迹-加载程序之前。心服口服，webpack加载svg我也是一头雾水，搞了半个小时。
