webpack中的url-loader

 

使用url-loader引入图片，可以说它是file-loader的增强版

url-loader会把我们的图片使用base64的形式编码成另外一种字符串，网页是可以识别这种编码的东西的，这样的好处是，它减少了图片的请求，你只要请求回了这个页面，图片也就过来了，可以减少网络的请求，但是如果图片过大，这个字符串就会变得特变大，让加载的文件变得特别大。

所以如果图片很小，没必要让其重新请求图片，直接将其写进页面中，让浏览器去解析，当图片过大时，就不让他编码，看下面的实现过程

总结：当使用url-loader去处理一些资源的时候，默认会把所有的资源都是用base64的形式进行编码，但是我们可以给它一个limit属性去约束他，当资源小于某个值的时候，才去编码，当不小于这个值时，它其实是会把这个资源交给file-loader去处理。

 

转载于:https://www.cnblogs.com/luckyXcc/p/10864255.html