Better splitting

2024-07-26 01:47:15 +02:00
parent 7665b7185d
commit 103b93184f
17 changed files with 95 additions and 97 deletions
@@ -5,11 +5,12 @@
    <link rel="icon" type="image/svg+xml" href="/phpCourse/exam/dist/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite + React + TS</title>
-    <script type="module" crossorigin src="/phpCourse/exam/dist/assets/index-_R7ZZc23.js"></script>
-    <link rel="modulepreload" crossorigin href="/phpCourse/exam/dist/assets/vendor_1_react-CXEjNhpI.js">
-    <link rel="modulepreload" crossorigin href="/phpCourse/exam/dist/assets/vendor_tanstack-BhPLOUa_.js">
-    <link rel="modulepreload" crossorigin href="/phpCourse/exam/dist/assets/vendor_mui-lk1_op8u.js">
-    <link rel="stylesheet" crossorigin href="/phpCourse/exam/dist/assets/vendor_1_react-D83Ey19k.css">
+    <script type="module" crossorigin src="/phpCourse/exam/dist/assets/index-Dah7eWEL.js"></script>
+    <link rel="modulepreload" crossorigin href="/phpCourse/exam/dist/assets/vendor-CKNY8FYg.js">
+    <link rel="modulepreload" crossorigin href="/phpCourse/exam/dist/assets/vendor_react-CEGsRJaz.js">
+    <link rel="modulepreload" crossorigin href="/phpCourse/exam/dist/assets/vendor_tanstack-Be5vPFVC.js">
+    <link rel="modulepreload" crossorigin href="/phpCourse/exam/dist/assets/vendor_mui-DGbjTDaU.js">
+    <link rel="stylesheet" crossorigin href="/phpCourse/exam/dist/assets/vendor-D83Ey19k.css">
  </head>
  <body>
    <div id="root"></div>
@@ -9,19 +9,23 @@ export default defineConfig({
  build: {
    outDir: '../dist',
    emptyOutDir: true,
-    sourcemap: true,
+    // sourcemap: true,
    rollupOptions: {
      output: {
        manualChunks: (id) => {
+          const segments = id.split('node_modules');
+          const cleanID = segments[segments.length - 1];
+
+          console.log('ID', cleanID);
          if (id.includes('node_modules')) {
-            if (id.includes('@mui/') || id.includes('@emotion')) {
+            if (cleanID.includes('@mui/') || cleanID.includes('@emotion')) {
              return 'vendor_mui';
            }
-            if (id.includes('@tanstack')) {
+            if (cleanID.includes('@tanstack')) {
              return 'vendor_tanstack';
            }
-            if (id.includes('react')) {
-              return 'vendor_1_react';
+            if (cleanID.includes('react')) {
+              return 'vendor_react';
            }

            return 'vendor'; // all other package goes here