urlloader学习记录

54次阅读

共计 558 个字符,预计需要花费 2 分钟才能阅读完成。

一、官网

二、作用

使用 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,

正文完
 0