74 lines
2.2 KiB
TypeScript
74 lines
2.2 KiB
TypeScript
import { defineConfig } from 'vite';
|
|
import react from '@vitejs/plugin-react';
|
|
import tailwindcss from '@tailwindcss/vite';
|
|
import path from 'node:path';
|
|
|
|
// V10 option B · Vite 5 + React 19 + Tailwind 4.
|
|
// Replaces Next.js 16 App Router with React Router 7 client-side routing.
|
|
export default defineConfig({
|
|
plugins: [react(), tailwindcss()],
|
|
resolve: {
|
|
alias: {
|
|
'@': path.resolve(__dirname, './src'),
|
|
},
|
|
},
|
|
server: {
|
|
host: '0.0.0.0',
|
|
port: 3000,
|
|
strictPort: true,
|
|
// CloudStudio / WorkBuddy preview proxy allowlist.
|
|
allowedHosts: [
|
|
'webview.e2b.bj5.sandbox.cloudstudio.club',
|
|
'.sandbox.cloudstudio.club',
|
|
'.cloudstudio.club',
|
|
'.workbuddy.agentos-worker.net',
|
|
'.agentos-worker.net',
|
|
'localhost',
|
|
'127.0.0.1',
|
|
],
|
|
},
|
|
preview: {
|
|
host: '0.0.0.0',
|
|
port: 4173,
|
|
strictPort: true,
|
|
},
|
|
build: {
|
|
target: 'es2022',
|
|
// Production sourcemap is disabled because dev debugging is enough and bundle size drops.
|
|
sourcemap: false,
|
|
cssCodeSplit: true,
|
|
// Inline assets below 4KB.
|
|
assetsInlineLimit: 4096,
|
|
rollupOptions: {
|
|
output: {
|
|
// V10 optimization: manual chunk split.
|
|
manualChunks: {
|
|
'react-vendor': ['react', 'react-dom', 'react-router-dom', 'react-router'],
|
|
'intl-vendor': ['react-intl'],
|
|
'query-vendor': ['@tanstack/react-query', '@tanstack/react-query-devtools'],
|
|
'state-vendor': ['zustand'],
|
|
'form-vendor': ['react-hook-form', '@hookform/resolvers', 'zod'],
|
|
'markdown-vendor': ['react-markdown', 'rehype-sanitize', 'remark-gfm'],
|
|
'chart-vendor': ['recharts'],
|
|
'qrcode-vendor': ['qrcode.react'],
|
|
'icons-vendor': ['lucide-react'],
|
|
},
|
|
chunkFileNames: 'assets/[name]-[hash].js',
|
|
entryFileNames: 'assets/[name]-[hash].js',
|
|
assetFileNames: 'assets/[name]-[hash][extname]',
|
|
},
|
|
},
|
|
},
|
|
test: {
|
|
globals: true,
|
|
environment: 'jsdom',
|
|
setupFiles: ['./src/test/setup.ts'],
|
|
css: false,
|
|
coverage: {
|
|
provider: 'v8',
|
|
reporter: ['text', 'html', 'json'],
|
|
exclude: ['**/node_modules/**', '**/dist/**', '**/*.test.{ts,tsx}', '**/*.spec.{ts,tsx}'],
|
|
},
|
|
},
|
|
});
|