url-loader

开源

一个用于 webpack 的加载器,可将文件转换为 base64 URI

1.4K stars0 点赞4 次浏览

工具介绍

一个用于 webpack 的加载器,可将文件转换为 base64 URI

[![npm][npm]][npm-url] [![node][node]][node-url] [![deps][deps]][deps-url] [![测试][tests]][tests-url] [![聊天][chat]][chat-url] [![size][size]][size-url]

url-loader

v5 中已废弃:请考虑迁移到 资产模块。一个用于 webpack 的加载器,可将文件转换为 base64 URI。

开始使用

首先,您需要安装 url-loader:

bash

$ npm install url-loader --save-dev

url-loader 的工作原理与 file-loader，但可以返回如果文件小于字节限制,则为 DataURL。 index.js

javascript

import img from './image.png';

webpack.config.js

javascript

module.exports = {
  module: {
    rules: [
      {
        test: /\.(png|jpg|gif)$/i,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 8192,
            },
          },
        ],
      },
    ],
  },
};

然后使用您喜欢的方法运行 webpack。

选项

名称	类型	默认值	描述
`limit`	`{Boolean\|Number\|String}`	`true`	指定文件的最大大小(以字节为单位)。
`mimetype`	`{Boolean\|String}`	根据 mime-types	设置要转换的文件的 MIME 类型。
`encoding`	`{Boolean\|String}`	`base64`	指定文件将以什么编码嵌入。
`generator`	`{Function}`	`() => type/subtyp