Merge pull request #10475 from marmelab/fix-vite-config-simple-crm

[Demo] Fix vite config in Simple and CRM demos

Author: djhi

examples/crm/vite.config.ts

@@ -11,14 +11,20 @@ export default defineConfig(async () => {
     const aliases: Record<string, string> = {};
     for (const dirName of packages) {
         if (dirName === 'create-react-admin') continue;
-        // eslint-disable-next-line prettier/prettier
-        const packageJson = await import(
-            path.resolve(__dirname, '../../packages', dirName, 'package.json'),
-            { with: { type: 'json' } }
+        const packageJson = JSON.parse(
+            fs.readFileSync(
+                path.resolve(
+                    __dirname,
+                    '../../packages',
+                    dirName,
+                    'package.json'
+                ),
+                'utf8'
+            )
         );
-        aliases[packageJson.default.name] = path.resolve(
+        aliases[packageJson.name] = path.resolve(
             __dirname,
-            `../../packages/${packageJson.default.name}/src`
+            `../../packages/${packageJson.name}/src`
         );
     }
     return {

examples/simple/vite.config.ts

@@ -10,42 +10,43 @@ import { defineConfig } from 'vite';
 export default defineConfig(async () => {
     // In codesandbox, we won't have the packages folder
     // We ignore errors in this case
-    let aliases: any[] = [];
+    const aliases: Record<string, string> = {};
     try {
         const packages = fs.readdirSync(
             path.resolve(__dirname, '../../packages')
         );
         for (const dirName of packages) {
             if (dirName === 'create-react-admin') continue;
-            // eslint-disable-next-line prettier/prettier
-            const packageJson = await import(
-                path.resolve(
-                    __dirname,
-                    '../../packages',
-                    dirName,
-                    'package.json'
-                ),
-                { with: { type: 'json' } }
+            const packageJson = JSON.parse(
+                fs.readFileSync(
+                    path.resolve(
+                        __dirname,
+                        '../../packages',
+                        dirName,
+                        'package.json'
+                    ),
+                    'utf8'
+                )
+            );
+            aliases[packageJson.name] = path.resolve(
+                __dirname,
+                `../../packages/${packageJson.name}/src`
             );
-            aliases.push({
-                find: new RegExp(`^${packageJson.default.name}$`),
-                replacement: path.resolve(
-                    __dirname,
-                    `../../packages/${packageJson.default.name}/src`
-                ),
-            });
         }
     } catch {}
 
     return {
         plugins: [react()],
         resolve: {
             alias: [
-                ...aliases,
                 {
                     find: /^@mui\/icons-material\/(.*)/,
                     replacement: '@mui/icons-material/esm/$1',
                 },
+                ...Object.keys(aliases).map(packageName => ({
+                    find: packageName,
+                    replacement: aliases[packageName],
+                })),
             ],
         },
         server: {