WebPack URL加载器

1、安装url-loader

yarn add url-loader --dev

2、使用

{
    test:/.png$/,
    use:'url-loader'
}    

3、总结

（1）小文件使用Data URLs，减少请求次数；

（2）大文件淡出提取存放，提高加载速度；

优化：

超出10KB文件单独提取存放；小于10KB文件转换为Data URLs嵌入代码中

{
    test:/.png$/,
    use:{
         loader: 'url-loader',
         Options:{
             limit:10 * 1024
        }
    }
}