Vite 集成示例#

按快速开始 执行 example:setup。最小示例固定 Vite 6.4.3 与 React 插件 4.7.0。

1// examples/minimal-react/vite.config.ts
2import { defineConfig } from 'vite';
3import react from '@vitejs/plugin-react';
4import fileBasedRouter from '@feoe/fs-router/vite';
5
6export default defineConfig({
7  plugins: [react(), fileBasedRouter()],
8  build: { outDir: 'dist/vite' },
9});
1npm --prefix examples/minimal-react run dev
2npm --prefix examples/minimal-react run build
3npm --prefix examples/minimal-react run preview

build 顺序是 vite build && tsc --noEmit,确保干净目录先生成路由/声明。dev 使用 React 插件处理组件 Fast Refresh;路由结构变化仍可能整页刷新。

完整源码 包含 HTML、TS 配置、根布局、动态 loader、错误边界和 404。