135 lines
5.1 KiB
TypeScript
135 lines
5.1 KiB
TypeScript
import tailwindcss from '@tailwindcss/vite';
|
|
import react from '@vitejs/plugin-react';
|
|
import laravel from 'laravel-vite-plugin';
|
|
import { resolve } from 'node:path';
|
|
import { defineConfig } from 'vite';
|
|
import { visualizer } from "rollup-plugin-visualizer";
|
|
|
|
export default defineConfig({
|
|
plugins: [
|
|
laravel({
|
|
input: ['resources/css/app.css', 'resources/js/app.tsx'],
|
|
ssr: 'resources/js/ssr.tsx',
|
|
refresh: true,
|
|
}),
|
|
react(),
|
|
tailwindcss(),
|
|
// visualizer({
|
|
// filename: 'dist/stats.html',
|
|
// open: true, // Automatically open in browser
|
|
// gzipSize: true, // Show gzipped sizes
|
|
// brotliSize: true, // Show brotli compressed sizes
|
|
// template: 'treemap', // Can be 'treemap', 'sunburst', 'network'
|
|
// })
|
|
],
|
|
esbuild: {
|
|
jsx: 'automatic',
|
|
// Uncomment for production to remove console logs
|
|
// drop: ["console", "debugger"],
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
'ziggy-js': resolve(__dirname, 'vendor/tightenco/ziggy'),
|
|
'@': resolve(__dirname, 'resources/js'),
|
|
},
|
|
},
|
|
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'],
|
|
|
|
// // 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'
|
|
// ],
|
|
|
|
// // 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'
|
|
// ],
|
|
|
|
// // 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'
|
|
// ],
|
|
|
|
// // Inertia
|
|
// 'inertia': ['@inertiajs/react']
|
|
// }
|
|
// }
|
|
// },
|
|
// // Temporarily increase limit while optimizing
|
|
// chunkSizeWarningLimit: 1000,
|
|
|
|
// // Additional optimizations
|
|
// minify: 'esbuild',
|
|
// target: 'es2020',
|
|
|
|
// // Enable source maps for better debugging (optional)
|
|
// sourcemap: false,
|
|
// },
|
|
server: {
|
|
headers: {
|
|
'Cross-Origin-Opener-Policy': 'same-origin',
|
|
'Cross-Origin-Embedder-Policy': 'require-corp'
|
|
}
|
|
}
|
|
});
|