vite

プロジェクト ルートから `vite.config.*` を使用して dev サーバーを起動します。既定では `http://localhost:5173` にバインドされ、フレームワーク プリセットを自動検出します。

--port <N>; --host <0.0.0.0|...> ネットワーク上で公開; --open ブラウザを開く; --strict ポートを強制; --force 依存関係を再プリバンドル

dev サーバーを特定のポートにバインドします(`--strict` も指定されない限り、使用中の場合は次の空きポートが使用されます)。

dev サーバーをすべてのネットワーク インターフェース上で公開します(既定は `localhost`)。安定した LAN URL のために `--port` と組み合わせます。

準備が整ったら既定のブラウザを dev サーバー URL で開きます。

--open /path/to/route 特定のルートで開く

次のリクエストで依存関係のプリバンドル(esbuild)の再実行を強制します。新しい依存関係を追加した後や `.vite` キャッシュの破損後に使用します。

プロダクション バンドルを既定で `dist/` に生成します。Rollup を使用し、コード分割、tree-shaking、CSS 抽出、ソース マップ、アセット ハッシュをサポートします。

--mode development|production; --target es2020|...; --sourcemap; --minify esbuild|terser; --outDir dist

ウォッチされたソース ファイルが変更されるたびに再実行されるプロダクション ビルド。ほとんど必要ありません。主に別のビルド パイプライン内に Vite を埋め込む場合に使用します。

`globalThis._importMeta_.env.MODE` と `.env.<mode>` オーバーライド(`.env.development`、`.env.staging`)を駆動するモードを選択します。

外部の `.map` ファイルを出力します(既定ではプロダクションでは非表示)。Sentry / LogRocket のデプロイと組み合わせてスタック トレースに使用します。

構築済みの `dist/` をローカル静的サーバー経由で配信し、デプロイ前にプロダクション バンドルを確認できるようにします。

--port <N>; --host; --strict; --outDir dist

dev サーバーを起動せずに依存関係のプリバンドルを手動でトリガーします。CI で `node_modules/.vite/deps` を事前にロードするのに便利です。

--force; --config <file>

自動検出されない CommonJS 依存関係のプリバンドルを強制します。CLI を使用する代わりに `vite.config.ts` で `optimizeDeps.include` を編集してください。

Vite のバージョンを表示します。

環境の詳細(Node バージョン、OS、パッケージ マネージャー、Vite バージョン、キー プラグイン バージョン)を表示します — バグレポートにこれを貼り付けてください。

詳細な内部ログを有効にします。プラグイン / HMR の問題を追跡するときにファイルにパイプします。

Vite をカスタム構成ファイルに向けます(CI は追加プラグイン付きで `vite.config.ci.ts` を使用することが多い)。

Vite 6+ — 構成のロード方法を選択します(`bundle` は Vite 6 以降の既定。`runner` / `native` / `transform` は非 Node 環境用の代替)。

一部の Vite プラグイン(例: `vite-plugin-pwa` の `vite pwa-asset-generate`)によって登録されたスタブ コマンド。パススルーします。

プロダクション アセットのパブリック パスを設定します(既定 `/`)。リバース プロキシの背後のサブパスから提供する場合は `/my-site/` を使用します。

Vite のログ量を制御します: `info`(既定) / `warn` / `error` / `silent`。

リロード間でターミナルをクリアしません — Vite 出力を別のツール(tmux / ログ)にパイプするときに便利です。

Rollup に最小ブラウザ ターゲットを伝えます。Vite は esbuild 構成に従って構文をダウンレベル化します。レガシー ターゲットはより大きなバンドルを出力します。

CSS をルートごとに別々のチャンクとして出力します(Vite 4 以降は既定で true)。すべてを 1 つのファイルにインライン化するには `--cssCodeSplit=false` を渡します。

ミニファイアーを選択します。esbuild は高速な既定; `terser` はレガシー ブラウザ用にわずかに小さい出力を生成します。

`node_modules/.vite/deps` を削除して再バンドルします — メジャー アップグレード後の古いプリバンドル依存関係を修正します。

Vite キャッシュを手動で消去します。次の dev 開始時の `vite --force` と同じ効果です。

1 行の説明付きですべての CLI フラグを一覧表示します。

Vite プロジェクトをスキャフォールドします(古い `create-vite` バイナリ)。現代的な使用法は `npm create vite@latest` です(`npx` 経由でルーティング)。

--template vue | react | svelte | lit | vanilla | など

Vite が SSR に使用するのと同じ環境で TypeScript スクリプトを実行します — 完全なモジュール解決、エイリアス、環境変数。

--options.transformMode ssr | web

Vite に CommonJS ファイルとして構成を強制的にロードさせます(レガシー プロジェクト)。CJS のみのスタックから移行する場合にのみ使用してください。