React load first, mui then

This commit is contained in:
Kilian Hofmann 2024-07-26 01:30:13 +02:00
parent 96fa86d53a
commit d8f02675a0
10 changed files with 187 additions and 180 deletions

File diff suppressed because one or more lines are too long

1
exam/dist/assets/index-_R7ZZc23.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

102
exam/dist/assets/vendor_mui-lk1_op8u.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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>

File diff suppressed because one or more lines are too long

View File

@ -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
}