webpack中的url-loader

 

使用url-loader引入图片，能够说它是file-loader的加强版

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

因此若是图片很小，不必让其从新请求图片，直接将其写进页面中，让浏览器去解析，当图片过大时，就不让他编码，看下面的实现过程

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