40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import { defineConfig } from 'vite'
|
||
import react from '@vitejs/plugin-react'
|
||
|
||
// https://vite.dev/config/
|
||
export default defineConfig({
|
||
plugins: [react()],
|
||
build: {
|
||
rollupOptions: {
|
||
output: {
|
||
// 函数形式是正确的 Rollup TS 类型
|
||
manualChunks(id) {
|
||
if (id.includes('node_modules/three')) return 'three';
|
||
if (id.includes('node_modules/framer-motion')) return 'motion';
|
||
if (id.includes('node_modules/react-dom')) return 'react-vendor';
|
||
if (id.includes('node_modules/react/')) return 'react-vendor';
|
||
},
|
||
},
|
||
},
|
||
// 提升 chunk 体积警告阈值（three.js 较大）
|
||
chunkSizeWarningLimit: 700,
|
||
minify: 'esbuild',
|
||
cssCodeSplit: true,
|
||
sourcemap: false,
|
||
},
|
||
server: {
|
||
warmup: {
|
||
clientFiles: [
|
||
'./src/App.tsx',
|
||
'./src/components/Hero.tsx',
|
||
'./src/components/AnimatedBackground.tsx',
|
||
'./src/components/ui/LiquidEther.tsx',
|
||
],
|
||
},
|
||
},
|
||
// 依赖预构建：让 Vite 提前 bundle 大型 CJS 库
|
||
optimizeDeps: {
|
||
include: ['three', 'framer-motion', 'react', 'react-dom'],
|
||
},
|
||
})
|