feat(html)!: support more asset sources

jay-es · jay-es · commit 234d7e72a194 · 2024-11-04T21:22:29.000+09:00
diff --git a/guide/features.md b/guide/features.md
@@ -170,17 +170,31 @@ HTML ファイルは、Vite プロジェクトの[中心](/guide/#index-html-and
 - `<root>/about.html` -> `http://localhost:5173/about.html`
 - `<root>/blog/index.html` -> `http://localhost:5173/blog/index.html`
 
-デフォルトでは、`<script type="module">` や `<link href>` タグなどの HTML 要素が処理され、リンクされたファイルで Vite の機能を使用できるようになります。また、`<img src>`、`<video src>`、`<source src>` などの一般的なアセット要素もリベースされ、最適化され、正しいパスにリンクされるようになります。
-
-```html
+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:
+
+- `<audio src>`
+- `<embed src>`
+- `<img src>` と `<img srcset>`
+- `<image src>`
+- `<input src>`
+- `<link href>` と `<link imagesrcet>`
+- `<object data>`
+- `<source src>` と `<source srcset>`
+- `<track src>`
+- `<use href>` と `<use xlink:href>`
+- `<video src>` と `<video poster>`
+- `<meta content>`
+  - `name` 属性が `msapplication-tileimage`、`msapplication-square70x70logo`、`msapplication-square150x150logo`、`msapplication-wide310x150logo`、`msapplication-square310x310logo`、`msapplication-config`、`twitter:image` に一致する場合のみ
+  - または、`property` 属性が `og:image`、`og:image:url`、`og:image:secure_url`、`og:audio`、`og:audio:secure_url`、`og:video`、`og:video:secure_url` に一致する場合のみ
+
+```html {4-5,8-9}
 <!doctype html>
 <html>
   <head>
     <link rel="icon" href="/favicon.ico" />
     <link rel="stylesheet" href="/src/styles.css" />
   </head>
   <body>
-    <div id="app"></div>
     <img src="/src/images/logo.svg" alt="logo" />
     <script type="module" src="/src/main.js"></script>
   </body>
