Skip to main content

url-loader

url-loader​

css-loader 会对 @import 和 url() 进行处理，就像 js 解析 import/require() 一样。

安装​

npm install --save-dev url-loader

快速开始​

url-loader 功能类似于 file-loader，但是在文件大小（单位 byte）低于指定的限制时，可以返回一个 DataURL。

import img from "./image.png";

webpack.config.js

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

参考​