rerumaccusamus
Version:
The meta-framework suite designed from scratch for frontend-focused modern web development.
37 lines (26 loc) • 869 B
Markdown
sidebar_label: dataUriLimit
sidebar_position: 10
# `output.dataUriLimit`
:::info 适用的工程方案
* MWA
:::
* 类型: `Number`
* 默认值: `10000` byte
图片、字体资源是否走 base64 的阈值，默认小于 10kb 会转成 base64 的形式加载，否则会生成独立的文件。
通过该选项可修改阈值, 如下修改为 20kb：
```javascript
module.exports = {
output: {
dataUriLimit: 20000,
},
};
```
:::info 补充信息
在实际开发中，有些图片希望能无视尺寸大小，直接以内联或外链的方式使用，对此 Modern.js 提供了如下使用方式:
| 用法 | 解释 |
| -------- | --------- |
| `import logoUrl from './logo.png?inline'` | 不管资源多大，都使用 base64 编码内联 |
| `import logoUrl from './logo.png?url'`| 不管资源多小，都使用外链方式加载 |
:::