跳转到主文档

output.dataUriLimit

适用的工程方案
  • MWA
  • 类型: Number
  • 默认值: 10000 byte

图片、字体资源是否走 base64 的阈值,默认小于 10kb 会转成 base64 的形式加载,否则会生成独立的文件。

通过该选项可修改阈值, 如下修改为 20kb:

module.exports = {
output: {
dataUriLimit: 20000,
},
};
补充信息

在实际开发中,有些图片希望能无视尺寸大小,直接以内联或外链的方式使用,对此 Modern.js 提供了如下使用方式:

用法解释
import logoUrl from './logo.png?inline'不管资源多大,都使用 base64 编码内联
import logoUrl from './logo.png?url'不管资源多小,都使用外链方式加载