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