webpack里的url-loader中limit作用

webpack里的url-loader中limit作用

将小的，即低于limit的图片进行base64编码，以减少http请求

 

将图片文件转换为base64编码并载入浏览器能够减少http请求数，但是增大了js或html文件的体积，如果图片在项目中的重用度较高，那么每处引用都会生成base64编码，造成了代码的冗余。通过http请求载入到浏览器的文件可以缓存到本地，当图片在项目中的重用度较高时，会为图片的访问增加缓存的便利性，下次访问更快。因此要平衡考虑。

是不是可以让所有的图片都展示base64，这肯定不行，因为上面那张编码过的png只有不到5kb，图片太大的话base64字符串会更长，所以还不如用http请求，这也就是为什么默认limit是10000了，就是让8kb之内的图片才编码。