From 1bc6527cd5898053b1a4ab23b68f022943225eb0 Mon Sep 17 00:00:00 2001 From: TAKAHASHI Shuuji Date: Sun, 16 Feb 2025 17:58:06 +0900 Subject: [PATCH 1/4] docs: framework agnostic features guide MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit resolve #1863 https://github.com/vitejs/vite/commit/335e2155c4d09f73e156667fd061b460224f8199 の反映です。 --- guide/features.md | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/guide/features.md b/guide/features.md index f488003d..5efc85c5 100644 --- a/guide/features.md +++ b/guide/features.md @@ -205,20 +205,24 @@ HTML ファイルは、Vite プロジェクトの[中心](/guide/#index-html-and 特定の要素の HTML 処理をオプトアウトするには、その要素に `vite-ignore` 属性を追加します。これは、外部アセットや CDN を参照する際に便利です。 -## Vue +## フレームワーク -Vite は Vue に対して最高のサポートをします: +すべてのモダンなフレームワークは Vite とのインテグレーションをメンテナンスしています。ほとんどのフレームワークのプラグインは各フレームワークのチームがメンテナンスしていますが、公式の Vue と React の Vite プラグインは例外として Vite の organization によりメンテナンスされています。 -- Vue 3 SFC はこちら [@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue) -- Vue 3 JSX はこちら [@vitejs/plugin-vue-jsx](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx) +- Vue のサポート: [@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue) +- Vue JSX のサポート: [@vitejs/plugin-vue-jsx](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx) +- React のサポート: [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react) +- SWC を利用している React のサポート: [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) + +詳しくは[プラグインガイド](https://vite.dev/plugins)を確認してください。 ## JSX `.jsx` と `.tsx` も標準サポートされます。JSX のトランスパイルも [esbuild](https://esbuild.github.io) を介して行われます。 -Vue を使用している人は公式の [@vitejs/plugin-vue-jsx](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx) プラグインを使用するべきです。これは、HMR、グローバルコンポーネント解決、ディレクティブ、スロットなど、Vue 3 の固有の機能を提供します。 +選択したフレームワークでは、すでに最初から JSX が設定されているはずです（たとえば、Vue を使用している人は公式の [@vitejs/plugin-vue-jsx](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx) プラグインを使用するべきです。これは、HMR、グローバルコンポーネント解決、ディレクティブ、スロットなど、Vue 3 の固有の機能を提供します）。 -React や Vue 以外で JSX を使用している場合は、[`esbuild` オプション](/config/shared-options.md#esbuild) を使用してカスタムの `jsxFactory` および `jsxFragment` を設定できます。例えば、Preact の場合: +自分自身のフーレムワークで JSX を使用している場合は、[`esbuild` オプション](/config/shared-options.md#esbuild) を使用してカスタムの `jsxFactory` および `jsxFragment` を設定できます。例えば、Preact プラグインは以下のような設定を利用します: ```js twoslash [vite.config.js] import { defineConfig } from 'vite' From 6c6fdb703fc354e539950516af9a4e370739a4ae Mon Sep 17 00:00:00 2001 From: TAKAHASHI Shuuji Date: Sun, 16 Feb 2025 18:02:28 +0900 Subject: [PATCH 2/4] =?UTF-8?q?=E6=97=A5=E6=9C=AC=E8=AA=9E=E3=81=AE?= =?UTF-8?q?=E3=80=8C=E3=83=97=E3=83=A9=E3=82=B0=E3=82=A4=E3=83=B3=E3=80=8D?= =?UTF-8?q?=E3=83=9A=E3=83=BC=E3=82=B8=E3=81=AB=E3=83=AA=E3=83=B3=E3=82=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- guide/features.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/guide/features.md b/guide/features.md index 5efc85c5..6611b69b 100644 --- a/guide/features.md +++ b/guide/features.md @@ -214,7 +214,7 @@ HTML ファイルは、Vite プロジェクトの[中心](/guide/#index-html-and - React のサポート: [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react) - SWC を利用している React のサポート: [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) -詳しくは[プラグインガイド](https://vite.dev/plugins)を確認してください。 +詳しくは[プラグインガイド](/plugins)を確認してください。 ## JSX From 4ce571353a8460b5b01a8c5317f9aa16d1ce69c7 Mon Sep 17 00:00:00 2001 From: TAKAHASHI Shuuji Date: Sun, 16 Feb 2025 18:10:43 +0900 Subject: [PATCH 3/4] =?UTF-8?q?=E7=9B=B8=E5=AF=BE=E3=83=AA=E3=83=B3?= =?UTF-8?q?=E3=82=AF=E3=81=AB=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- guide/features.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/guide/features.md b/guide/features.md index 6611b69b..0a54057c 100644 --- a/guide/features.md +++ b/guide/features.md @@ -214,7 +214,7 @@ HTML ファイルは、Vite プロジェクトの[中心](/guide/#index-html-and - React のサポート: [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react) - SWC を利用している React のサポート: [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) -詳しくは[プラグインガイド](/plugins)を確認してください。 +詳しくは[プラグインガイド](../plugins/)を確認してください。 ## JSX From 91ca762240cbc2a4e5749effc9cee914934e4848 Mon Sep 17 00:00:00 2001 From: TAKAHASHI Shuuji Date: Sun, 16 Feb 2025 22:41:58 +0900 Subject: [PATCH 4/4] Update guide/features.md Co-authored-by: Jun Shindo <46585162+jay-es@users.noreply.github.com> --- guide/features.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/guide/features.md b/guide/features.md index 0a54057c..12995eb6 100644 --- a/guide/features.md +++ b/guide/features.md @@ -222,7 +222,7 @@ HTML ファイルは、Vite プロジェクトの[中心](/guide/#index-html-and 選択したフレームワークでは、すでに最初から JSX が設定されているはずです（たとえば、Vue を使用している人は公式の [@vitejs/plugin-vue-jsx](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue-jsx) プラグインを使用するべきです。これは、HMR、グローバルコンポーネント解決、ディレクティブ、スロットなど、Vue 3 の固有の機能を提供します）。 -自分自身のフーレムワークで JSX を使用している場合は、[`esbuild` オプション](/config/shared-options.md#esbuild) を使用してカスタムの `jsxFactory` および `jsxFragment` を設定できます。例えば、Preact プラグインは以下のような設定を利用します: +自分自身のフレームワークで JSX を使用している場合は、[`esbuild` オプション](/config/shared-options.md#esbuild) を使用してカスタムの `jsxFactory` および `jsxFragment` を設定できます。例えば、Preact プラグインは以下のような設定を利用します: ```js twoslash [vite.config.js] import { defineConfig } from 'vite'