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

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

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

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

 

相关文章:

  • 2021-05-19
  • 2022-12-23
  • 2022-12-23
  • 2021-12-03
  • 2022-12-23
  • 2021-08-14
  • 2022-12-23
  • 2021-09-04
猜你喜欢
  • 2021-09-20
  • 2021-09-23
  • 2021-06-04
  • 2021-05-01
  • 2022-12-23
  • 2021-05-03
  • 2021-12-02
相关资源
相似解决方案