Update
This commit is contained in:
160
vite.config.ts
160
vite.config.ts
@@ -36,95 +36,95 @@ export default defineConfig({
|
|||||||
optimizeDeps: {
|
optimizeDeps: {
|
||||||
exclude: ['@ffmpeg/ffmpeg', '@ffmpeg/util']
|
exclude: ['@ffmpeg/ffmpeg', '@ffmpeg/util']
|
||||||
},
|
},
|
||||||
build: {
|
// build: {
|
||||||
rollupOptions: {
|
// rollupOptions: {
|
||||||
output: {
|
// output: {
|
||||||
manualChunks: {
|
// manualChunks: {
|
||||||
// React MUST be first and separate to avoid dependency issues
|
// // React MUST be first and separate to avoid dependency issues
|
||||||
'react-vendor': ['react', 'react-dom'],
|
// 'react-vendor': ['react', 'react-dom'],
|
||||||
|
|
||||||
// Heavy libraries that can be safely separated
|
// // Heavy libraries that can be safely separated
|
||||||
'ffmpeg': ['@ffmpeg/ffmpeg', '@ffmpeg/util'],
|
// 'ffmpeg': ['@ffmpeg/ffmpeg', '@ffmpeg/util'],
|
||||||
'motion': ['motion'],
|
// 'motion': ['motion'],
|
||||||
'canvas': ['konva', 'react-konva', 'react-konva-utils'],
|
// 'canvas': ['konva', 'react-konva', 'react-konva-utils'],
|
||||||
'charts': ['recharts'],
|
// 'charts': ['recharts'],
|
||||||
|
|
||||||
// UI libraries that depend on React
|
// // UI libraries that depend on React
|
||||||
'radix-ui': [
|
// 'radix-ui': [
|
||||||
'@radix-ui/react-accordion',
|
// '@radix-ui/react-accordion',
|
||||||
'@radix-ui/react-alert-dialog',
|
// '@radix-ui/react-alert-dialog',
|
||||||
'@radix-ui/react-aspect-ratio',
|
// '@radix-ui/react-aspect-ratio',
|
||||||
'@radix-ui/react-avatar',
|
// '@radix-ui/react-avatar',
|
||||||
'@radix-ui/react-checkbox',
|
// '@radix-ui/react-checkbox',
|
||||||
'@radix-ui/react-collapsible',
|
// '@radix-ui/react-collapsible',
|
||||||
'@radix-ui/react-context-menu',
|
// '@radix-ui/react-context-menu',
|
||||||
'@radix-ui/react-dialog',
|
// '@radix-ui/react-dialog',
|
||||||
'@radix-ui/react-dropdown-menu',
|
// '@radix-ui/react-dropdown-menu',
|
||||||
'@radix-ui/react-hover-card',
|
// '@radix-ui/react-hover-card',
|
||||||
'@radix-ui/react-label',
|
// '@radix-ui/react-label',
|
||||||
'@radix-ui/react-menubar',
|
// '@radix-ui/react-menubar',
|
||||||
'@radix-ui/react-navigation-menu',
|
// '@radix-ui/react-navigation-menu',
|
||||||
'@radix-ui/react-popover',
|
// '@radix-ui/react-popover',
|
||||||
'@radix-ui/react-progress',
|
// '@radix-ui/react-progress',
|
||||||
'@radix-ui/react-radio-group',
|
// '@radix-ui/react-radio-group',
|
||||||
'@radix-ui/react-scroll-area',
|
// '@radix-ui/react-scroll-area',
|
||||||
'@radix-ui/react-select',
|
// '@radix-ui/react-select',
|
||||||
'@radix-ui/react-separator',
|
// '@radix-ui/react-separator',
|
||||||
'@radix-ui/react-slider',
|
// '@radix-ui/react-slider',
|
||||||
'@radix-ui/react-slot',
|
// '@radix-ui/react-slot',
|
||||||
'@radix-ui/react-switch',
|
// '@radix-ui/react-switch',
|
||||||
'@radix-ui/react-tabs',
|
// '@radix-ui/react-tabs',
|
||||||
'@radix-ui/react-toggle',
|
// '@radix-ui/react-toggle',
|
||||||
'@radix-ui/react-toggle-group',
|
// '@radix-ui/react-toggle-group',
|
||||||
'@radix-ui/react-tooltip'
|
// '@radix-ui/react-tooltip'
|
||||||
],
|
// ],
|
||||||
|
|
||||||
// Form libraries
|
// // Form libraries
|
||||||
'forms': ['react-hook-form', '@hookform/resolvers', 'zod'],
|
// 'forms': ['react-hook-form', '@hookform/resolvers', 'zod'],
|
||||||
|
|
||||||
// UI utilities
|
// // UI utilities
|
||||||
'ui-utils': [
|
// 'ui-utils': [
|
||||||
'tailwind-merge',
|
// 'tailwind-merge',
|
||||||
'class-variance-authority',
|
// 'class-variance-authority',
|
||||||
'clsx',
|
// 'clsx',
|
||||||
'lucide-react',
|
// 'lucide-react',
|
||||||
'sonner',
|
// 'sonner',
|
||||||
'cmdk',
|
// 'cmdk',
|
||||||
'next-themes'
|
// 'next-themes'
|
||||||
],
|
// ],
|
||||||
|
|
||||||
// Other React components
|
// // Other React components
|
||||||
'react-components': [
|
// 'react-components': [
|
||||||
'react-day-picker',
|
// 'react-day-picker',
|
||||||
'react-error-boundary',
|
// 'react-error-boundary',
|
||||||
'embla-carousel-react',
|
// 'embla-carousel-react',
|
||||||
'react-resizable-panels'
|
// 'react-resizable-panels'
|
||||||
],
|
// ],
|
||||||
|
|
||||||
// Non-React utilities
|
// // Non-React utilities
|
||||||
'utils': [
|
// 'utils': [
|
||||||
'date-fns',
|
// 'date-fns',
|
||||||
'axios',
|
// 'axios',
|
||||||
'mitt',
|
// 'mitt',
|
||||||
'zustand',
|
// 'zustand',
|
||||||
'embla-carousel-autoplay'
|
// 'embla-carousel-autoplay'
|
||||||
],
|
// ],
|
||||||
|
|
||||||
// Inertia
|
// // Inertia
|
||||||
'inertia': ['@inertiajs/react']
|
// 'inertia': ['@inertiajs/react']
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
},
|
// },
|
||||||
// Temporarily increase limit while optimizing
|
// // Temporarily increase limit while optimizing
|
||||||
chunkSizeWarningLimit: 1000,
|
// chunkSizeWarningLimit: 1000,
|
||||||
|
|
||||||
// Additional optimizations
|
// // Additional optimizations
|
||||||
minify: 'esbuild',
|
// minify: 'esbuild',
|
||||||
target: 'es2020',
|
// target: 'es2020',
|
||||||
|
|
||||||
// Enable source maps for better debugging (optional)
|
// // Enable source maps for better debugging (optional)
|
||||||
sourcemap: false,
|
// sourcemap: false,
|
||||||
},
|
// },
|
||||||
server: {
|
server: {
|
||||||
headers: {
|
headers: {
|
||||||
'Cross-Origin-Opener-Policy': 'same-origin',
|
'Cross-Origin-Opener-Policy': 'same-origin',
|
||||||
|
|||||||
Reference in New Issue
Block a user