一、官网
二、作用
使用 url-loader 可以将文件转换为 base64 URI。
三、安装
npm install url-loader –save-dev
四、配置
//e.g
module.exports = {
module: {
rules: [
{test: /\.(png|jpg|gif)$/i,
use: [
{
loader: 'url-loader',
options: {limit: 8192,},
},
],
},
],
},
};
五、参数配置(Options 配置)
name | type | default | desc | ||
---|---|---|---|---|---|
fallback | String | ‘file-loader’ | 指定当目标文件的大小超过 limit 选项中设置的限制时使用的什么 laoder 处理文件,默认使用 file-loader,需要手动安装 | ||
limit | Number\ | Boolean\ | String | ‘undefined’ | 指定一个字符或在数字,当文件大小大于等于该值时,使用 fallback 指定的 laoder 处理文件,默认无限制,指定为 false,则不转化为 base64 |
mimetype | String | ‘file extension’ | 设置要转换文件的 MIME 类型。如果未指定,则文件扩展名将用于查找 MIME 类型。打包为 base64 文件是,修改 base64 的 data 值,eg:data:text/plain;base64, |