webpack中的url-loader

 

使用url-loader引入圖片，能夠說它是file-loader的加強版

url-loader會把咱們的圖片使用base64的形式編碼成另一種字符串，網頁是能夠識別這種編碼的東西的，這樣的好處是，它減小了圖片的請求，你只要請求回了這個頁面，圖片也就過來了，能夠減小網絡的請求，可是若是圖片過大，這個字符串就會變得特變大，讓加載的文件變得特別大。

因此若是圖片很小，不必讓其從新請求圖片，直接將其寫進頁面中，讓瀏覽器去解析，當圖片過大時，就不讓他編碼，看下面的實現過程

總結：當使用url-loader去處理一些資源的時候，默認會把全部的資源都是用base64的形式進行編碼，可是咱們能夠給它一個limit屬性去約束他，當資源小於某個值的時候，纔去編碼，當不小於這個值時，它實際上是會把這個資源交給file-loader去處理。