From 8067f4b4dac35c15fef698007e7fa20db98d778c Mon Sep 17 00:00:00 2001 From: TAKAHASHI Shuuji Date: Tue, 5 Nov 2024 10:16:53 +0900 Subject: [PATCH] =?UTF-8?q?feat(asset):=20add=20`=3Finline`=20and=20`=3Fno?= =?UTF-8?q?-inline`=20queries=20to=20control=20inlini=E2=80=A6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit resolve #1689 https://github.com/vitejs/vite/commit/9162172e039ae67ad4ee8dce18f04b7444f7d9de の反映です。 --- guide/assets.md | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/guide/assets.md b/guide/assets.md index 7472e334..30c1e8ca 100644 --- a/guide/assets.md +++ b/guide/assets.md @@ -55,6 +55,17 @@ import workletURL from 'extra-scalloped-border/worklet.js?url' CSS.paintWorklet.addModule(workletURL) ``` +### 明示的なインライン処理 + +アセットは、`?inline` または `?no-inline` 接尾辞を使用することで、それぞれインラインまたは非インラインで明示的にインポートできます。 + +```js twoslash +import 'vite/client' +// ---cut--- +import imgUrl1 from './img.svg?no-inline' +import imgUrl2 from './img.png?inline' +``` + ### アセットを文字列としてインポートする {#importing-asset-as-string} アセットは末尾に `?raw` を付与することで文字列としてインポートすることができます。