vite

Vite is a next-generation frontend build tool that provides instant dev server start via native ES modules and optimized production builds via Rollup. It supports TypeScript, JSX, CSS preprocessors, and static assets out of the box with zero configuration.

When to use: Single-page apps, multi-page apps, library publishing, SSR applications, monorepo packages, any modern frontend project needing fast dev feedback and optimized builds.

When NOT to use: Legacy browsers requiring ES5 output without transpilation, projects locked to Webpack-specific loaders with no Vite equivalents, non-JavaScript build pipelines.

Vite ビルド ツールの構成とエコシステム。 vite.config.ts のセットアップ、プラグインのオーサリングと一般的なプラグイン、開発サーバーの構成 (プロキシ、HMR、HTTPS)、ビルドの最適化 (チャンキング、ツリーシェイキング、手動チャンク、rollupOptions)、パッケージを公開するためのライブラリ モード、SSR 構成、環境変数 (.env 処理)、マルチページ アプリ、CSS 処理 (PostCSS、CSS モジュール、プリプロセッサ)、およびアセットの処理について説明します。 Vite プロジェクトの構成、Vite プラグインの作成、ビルドの最適化、開発サーバー プロキシのセットアップ、SSR の構成、環境変数の処理、または Vite の問題のトラブルシューティングを行うときに使用します。 ソース: oakoss/agent-skills。