过去在 Webpack4 时，我们处理图片资源通过 file-loader 和 url-loader 进行处理。现在 Webpack5 已经将两个 Loader 功能内置到 Webpack 里了，我们只需要简单配置即可处理图片资源
打包图片的配置
配置同样是要写在webpack配置文件的rules里面，这里我们规定小于10kb的图片会被转换成data URI 形式（Base64 格式），这样的话，小体积的图片就不需要再向服务端请求，从而减少了请求次数，当然这样做也有缺点，那就是转换后的文件体积会稍稍变大，不过由于图片原本就很小，变大一点造成的影响微乎其微，相比之下，减少了请求次数更加划算。
我使用了3站图片，其中一张是小于10kb的，查看打包后的目录发现，较小的图片并没有打包进来，而是已经以 data URI 形式内置到 js 中了。
