Vite設定ファイルの基本と他ツールとの違いまとめ - usomaru技術ぶろぐ

はじめに 前回ビルドツールについてまとめました。 今回はViteで使う設定ファイル(vite.config.ts)を中心に、設定ファイルについてまとめます。 defineConfig を使ったVite設定の基本 Viteの設定ファイルは通常、プロジェクトルートに vite.config.ts として配置されます。 以下中身の一例です。 import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react-swc'; import { resolve } from 'path'; export default defineConfig({ server: { hmr: { host: 'localhost', port: 3000, protocol: 'ws', }, }, build: { sourcem