onmax/vite

vite は何をしますか？

Viteビルドツールの設定、プラグインAPI、SSR、Vite 8 Rolldown移行に関するスキルです。Viteプロジェクト、vite.config.ts、Viteプラグイン、またはViteを使用したライブラリ/SSRアプリの構築時に使用します。

機能

• Viteの設定（vite.config.ts）の最適化
• カスタムプラグインの開発とAPIの活用
• SSR（サーバーサイドレンダリング）の設定と実装
• Vite 8へのRolldown移行ガイド
• 実践的な設定例とトラブルシューティング

使用方法

設定例

// vite.config.ts
export default defineConfig({
  plugins: [vue()],
  build: {
    target: 'es2020',
    rollupOptions: {
      // Rolldown 移行時の設定
    }
  },
  ssr: {
    target: 'node',
    noExternal: ['some-package']
  }
});

プラグイン開発

import type { Plugin } from 'vite';

function myPlugin(): Plugin {
  return {
    name: 'vite-plugin-example',
    enforce: 'pre',
    transform(code, id) {
      if (id.endsWith('.vue')) {
        // カスタム変換
      }
    }
  };
}

対応プラットフォーム

• Claude Code
• Cursor
• Codex
• その他のAIエージェント

注意事項

• Vite 8ではRolldownがデフォルトのバンドラになります。移行ガイドを参照してください。
• SSR設定ではNode.jsバージョンに注意してください。