url-loader 过小生成 base64位图片
最后更新于：2022-04-02 03:41:23
[TOC]
> [中文手册](https://webpack.docschina.org/loaders/url-loader/)
url-loader 功能类似于 file-loader，但是在文件大小（单位 byte）低于指定的限制时，可以返回一个 DataURL。
如果使用`url-loader` 可无需使用`file-loader`
## 安装
`npm install --save-dev url-loader`
## 配置
```
{
test: /\.(png|jpg|gif|svg)$/i,
use: {
loader: 'url-loader',
options: {
limit: 10000, //小于10kb 的转为 base64位
name: '[path][name].[ext]'
},
}
},
```
## 分析
优点
1. 减少请求数
缺点
1. 没有了图片的缓存
2. 增加了 html 文件的体积
';