Skip to content

Commit 615cb87

Browse files
committed
docs(migration): add section for html asset sources
1 parent 234d7e7 commit 615cb87

File tree

2 files changed

+10
-1
lines changed

2 files changed

+10
-1
lines changed

guide/features.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -170,7 +170,7 @@ HTML ファイルは、Vite プロジェクトの[中心](/guide/#index-html-and
170170
- `<root>/about.html` -> `http://localhost:5173/about.html`
171171
- `<root>/blog/index.html` -> `http://localhost:5173/blog/index.html`
172172

173-
Files referenced by HTML elements such as `<script type="module">` and `<link href>` are processed and bundled as part of the app. General asset elements can also reference assets to be optimized by default, including:
173+
`<script type="module" src>` `<link href>` などの HTML 要素によって参照されるアセットは、アプリの一部として処理され、バンドルされます。サポートされている要素の完全なリストは次のとおりです:
174174

175175
- `<audio src>`
176176
- `<embed src>`
@@ -179,6 +179,7 @@ Files referenced by HTML elements such as `<script type="module">` and `<link hr
179179
- `<input src>`
180180
- `<link href>``<link imagesrcet>`
181181
- `<object data>`
182+
- `<script type="module" src>`
182183
- `<source src>``<source srcset>`
183184
- `<track src>`
184185
- `<use href>``<use xlink:href>`

guide/migration.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,14 @@ Vite 6 からは、`json.stringify: true` が設定されていても、`json.na
2020

2121
Vite 6 では、`json.stringify` の新しいデフォルト値として `'auto'` が導入されました。これは、大きな JSON ファイルのみを文字列化します。この動作を無効にするには、`json.stringify: false` を設定します。
2222

23+
### HTML 要素におけるアセット参照の拡張サポート
24+
25+
Vite 5 では、サポートされている HTML 要素のうち、Vite によって処理およびバンドルされるアセットを参照できるものは、`<link href>``<img src>` など、ごく一部に限られていました。
26+
27+
Vite 6 では、さらに多くの HTML 要素がサポート対象に追加されています。 完全なリストは、[HTML 機能](/guide/features.html#html)のドキュメントでご覧いただけます。
28+
29+
特定の要素の HTML 処理をオプトアウトするには、その要素に `vite-ignore` 属性を追加します。
30+
2331
### postcss-load-config
2432

2533
[`postcss-load-config`](https://npmjs.com/package/postcss-load-config) が v4 から v6 に更新されました。TypeScript の postcss 設定ファイルを読み込むために、[`ts-node`](https://www.npmjs.com/package/ts-node) の代わりに [`tsx`](https://www.npmjs.com/package/tsx)[`jiti`](https://www.npmjs.com/package/jiti) が必要になりました。また、YAML の postcss 設定ファイルを読み込むために [`yaml`](https://www.npmjs.com/package/yaml) が必要になりました。

0 commit comments

Comments
 (0)