Skip to content

Commit f4b3c78

Browse files
hugoattalrojadesign
authored andcommitted
feat(asset): add ?inline and ?no-inline queries to control inlining (#506)
closes #506
1 parent 6757b1f commit f4b3c78

File tree

1 file changed

+15
-2
lines changed

1 file changed

+15
-2
lines changed

docs/guide/assets.md

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -49,11 +49,24 @@ import workletURL from 'extra-scalloped-border/worklet.js?url'
4949
CSS.paintWorklet.addModule(workletURL)
5050
```
5151

52+
### Explizite Inline-Verarbeitung
53+
54+
Assets können explizit mit Inlining oder ohne Inlining importiert werden, indem jeweils das Suffix `?inline` oder `?no-inline` verwendet wird.
55+
56+
```js twoslash
57+
import 'vite/client'
58+
// ---cut---
59+
import imgUrl1 from './img.svg?no-inline'
60+
import imgUrl2 from './img.png?inline'
61+
```
62+
5263
### Importieren von Assets als Zeichenfolge
5364

54-
Assets können als Zeichenfolgen mithilfe des Suffix `?raw` importiert werden.
65+
Assets können mit dem Suffix `?raw` als Zeichenfolgen importiert werden.
5566

56-
```js
67+
```js twoslash
68+
import 'vite/client'
69+
// ---cut---
5770
import shaderString from './shader.glsl?raw'
5871
```
5972

0 commit comments

Comments
 (0)