React load first, mui then

2024-07-26 01:30:13 +02:00
parent 96fa86d53a
commit d8f02675a0
10 changed files with 187 additions and 180 deletions
@@ -5,9 +5,11 @@
    <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-C45OJqkN.js"></script>
-    <link rel="modulepreload" crossorigin href="/phpCourse/exam/dist/assets/vendor_base-BoHQx5PX.js">
-    <link rel="stylesheet" crossorigin href="/phpCourse/exam/dist/assets/vendor_base-D83Ey19k.css">
+    <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">
  </head>
  <body>
    <div id="root"></div>
@@ -13,12 +13,15 @@ export default defineConfig({
      output: {
        manualChunks: (id) => {
          if (id.includes('node_modules')) {
-            if (id.includes('@mui/') || id.includes('react')) {
-              return 'vendor_base';
+            if (id.includes('@mui/') || id.includes('@emotion')) {
+              return 'vendor_mui';
            }
            if (id.includes('@tanstack')) {
              return 'vendor_tanstack';
            }
+            if (id.includes('react')) {
+              return 'vendor_1_react';
+            }

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