简体中文

output.dataUriLimit

type DataUriLimitConfig =
  | number
  | {
      svg?: number;
      font?: number;
      image?: number;
      media?: number;
    };

// 从 Rsbuild v0.7.0 开始，默认值从 10000 更改为 4096
const defaultDatUriLimit = {
  svg: 4096,
  font: 4096,
  image: 4096,
  media: 4096,
};

设置图片、字体、媒体等静态资源被自动内联为 base64 的体积阈值。

默认情况下，体积小于 4KiB 的图片、字体、媒体等文件，会自动经过 Base64 编码，内联到页面中，不再会发送独立的 HTTP 请求。

你可以通过修改 dataUriLimit 参数来调整这个阈值。

其中：

export default {
  output: {
    dataUriLimit: 10 * 1024,
  },
};

export default {
  output: {
    dataUriLimit: 0,
  },
};

export default {
  output: {
    dataUriLimit: Number.MAX_SAFE_INTEGER,
  },
};

export default {
  output: {
    dataUriLimit: {
      image: 5 * 1024,
      media: 0,
    },
  },
};

output.dataUriLimit#