Skip to content

Commit cad38d0

Browse files
shuuji3jay-es
andauthored
docs: framework agnostic features guide (#1866)
* docs: framework agnostic features guide resolve #1863 vitejs/vite@335e215 の反映です。 * 日本語の「プラグイン」ページにリンク * 相対リンクに修正 * Update guide/features.md Co-authored-by: Jun Shindo <[email protected]> --------- Co-authored-by: Jun Shindo <[email protected]>
1 parent 98e02d3 commit cad38d0

File tree

1 file changed

+10
-6
lines changed

1 file changed

+10
-6
lines changed

guide/features.md

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -205,20 +205,24 @@ HTML ファイルは、Vite プロジェクトの[中心](/guide/#index-html-and
205205

206206
特定の要素の HTML 処理をオプトアウトするには、その要素に `vite-ignore` 属性を追加します。これは、外部アセットや CDN を参照する際に便利です。
207207

208-
## Vue
208+
## フレームワーク
209209

210-
Vite Vue に対して最高のサポートをします:
210+
すべてのモダンなフレームワークは Vite とのインテグレーションをメンテナンスしています。ほとんどのフレームワークのプラグインは各フレームワークのチームがメンテナンスしていますが、公式の Vue と React の Vite プラグインは例外として Vite の organization によりメンテナンスされています。
211211

212-
- Vue 3 SFC はこちら [@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue)
213-
- Vue 3 JSX はこちら [@vitejs/plugin-vue-jsx](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx)
212+
- Vue のサポート: [@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue)
213+
- Vue JSX のサポート: [@vitejs/plugin-vue-jsx](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx)
214+
- React のサポート: [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react)
215+
- SWC を利用している React のサポート: [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc)
216+
217+
詳しくは[プラグインガイド](../plugins/)を確認してください。
214218

215219
## JSX
216220

217221
`.jsx``.tsx` も標準サポートされます。JSX のトランスパイルも [esbuild](https://esbuild.github.io) を介して行われます。
218222

219-
Vue を使用している人は公式の [@vitejs/plugin-vue-jsx](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx) プラグインを使用するべきです。これは、HMR、グローバルコンポーネント解決、ディレクティブ、スロットなど、Vue 3 の固有の機能を提供します。
223+
選択したフレームワークでは、すでに最初から JSX が設定されているはずです(たとえば、Vue を使用している人は公式の [@vitejs/plugin-vue-jsx](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx) プラグインを使用するべきです。これは、HMR、グローバルコンポーネント解決、ディレクティブ、スロットなど、Vue 3 の固有の機能を提供します
220224

221-
React や Vue 以外で JSX を使用している場合は、[`esbuild` オプション](/config/shared-options.md#esbuild) を使用してカスタムの `jsxFactory` および `jsxFragment` を設定できます。例えば、Preact の場合:
225+
自分自身のフレームワークで JSX を使用している場合は、[`esbuild` オプション](/config/shared-options.md#esbuild) を使用してカスタムの `jsxFactory` および `jsxFragment` を設定できます。例えば、Preact プラグインは以下のような設定を利用します:
222226

223227
```js twoslash [vite.config.js]
224228
import { defineConfig } from 'vite'

0 commit comments

Comments
 (0)