Merge pull request #6 from gogglesgogs:code-split

redo code splitting

Author: gogglesgogs

package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build --profile",
+    "build": "tsc -b && vite build",
     "format": "prettier . --write",
     "preview": "vite preview"
   },

src/main.tsx

@@ -1,9 +1,9 @@
 import { StrictMode, lazy } from 'react';
 import { createRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
+import App from './App.tsx';
 import './index.css';
 
-const App = lazy(() => import('./App.tsx'));
 const Nav = lazy(() => import('./components/Nav.tsx'));
 const Footer = lazy(() => import('./components/Footer.tsx'));
 

vite.config.ts

@@ -8,8 +8,13 @@ export default defineConfig({
     rollupOptions: {
       output: {
         manualChunks: {
-          react: ['react', 'react-dom', 'react-router-dom'],
-          tailwind: ['tailwind-merge', 'clsx'],
+          react: ['react', 'react-dom'],
+          libs: [
+            'react-router-dom',
+            '/src/utils/cn.ts',
+            'tailwind-merge',
+            'clsx',
+          ],
           animation: ['framer-motion'],
         },
         compact: true,