chore: 统一获取 alias

Author: mengxinssfd

.dumirc.ts

@@ -1,13 +1,9 @@
 import { defineConfig } from 'dumi';
-import * as Fs from 'fs';
 import * as Path from 'path';
 // @ts-ignore
 import pkg from './package.json';
+import { getAlias } from './utils';
 
-const pkgs = Fs.readdirSync(Path.resolve(__dirname, 'packages'));
-const components = Fs.readdirSync(
-  Path.resolve(__dirname, 'packages/components/src'),
-);
 const pkgName = pkg.name.replace('-monorepo', '');
 
 type ENV = 'development' | 'production';
@@ -66,23 +62,6 @@ export default defineConfig({
       __dirname,
       'packages/react-ui/dist/styles',
     ),
-    '@tool-pack/react-ui': Path.resolve(__dirname, 'packages/react-ui/src'),
-    ...pkgs.reduce(
-      (prev, cur) => {
-        prev['@pkg/' + cur] = Path.resolve(__dirname, `packages/${cur}/src`);
-        return prev;
-      },
-      {} as Record<string, string>,
-    ),
-    ...components.reduce(
-      (prev, cur) => {
-        prev['~/' + cur] = Path.resolve(
-          __dirname,
-          `packages/components/src/${cur}`,
-        );
-        return prev;
-      },
-      {} as Record<string, string>,
-    ),
+    ...getAlias(),
   },
 });

internal/playground/vite.config.ts

@@ -1,52 +1,20 @@
 import react from '@vitejs/plugin-react';
+import { getAlias } from '../../utils';
 import { defineConfig } from 'vite';
-import Path from 'path';
-import Fs from 'fs';
-
-const pkgs = Fs.readdirSync(Path.resolve(__dirname, '../../packages'));
-const components = Fs.readdirSync(
-  Path.resolve(__dirname, '../../packages/components/src'),
-);
 
 /**
  * Vite configuration
  * https://vitejs.dev/config/
  */
 export default defineConfig(() => {
   return {
-    resolve: {
-      alias: {
-        ...pkgs.reduce(
-          (prev, cur) => {
-            prev['@pkg/' + cur] = Path.resolve(
-              __dirname,
-              `../../packages/${cur}/src`,
-            );
-            return prev;
-          },
-          {} as Record<string, string>,
-        ),
-        ...components.reduce(
-          (prev, cur) => {
-            prev['~/' + cur] = Path.resolve(
-              __dirname,
-              `../../packages/components/src/${cur}`,
-            );
-            return prev;
-          },
-          {} as Record<string, string>,
-        ),
-        '@tool-pack/react-ui': Path.resolve(
-          __dirname,
-          '../../packages/react-ui/src',
-        ),
-        // '@pkg/components': Path.resolve('./.yalc/@tool-pack/react-ui'),
-      },
-    },
     plugins: [
       // https://github.com/vitejs/vite/tree/main/packages/plugin-react
       react(),
     ],
+    resolve: {
+      alias: getAlias(),
+    },
     css: {
       devSourcemap: true,
     },

packages/react-ui/vite.config.ts

@@ -1,13 +1,8 @@
 import { defineConfig, UserConfig } from 'vite';
 import react from '@vitejs/plugin-react';
-import Path, { resolve } from 'path';
+import { getAlias } from '../../utils';
 import pkg from './package.json';
-import Fs from 'fs';
-
-const pkgs = Fs.readdirSync(Path.resolve(__dirname, '../../packages'));
-const components = Fs.readdirSync(
-  Path.resolve(__dirname, '../../packages/components/src'),
-);
+import { resolve } from 'path';
 
 function getBanner(format: string) {
   const date = new Date();
@@ -66,37 +61,15 @@ export default defineConfig((): UserConfig => {
       target: 'modules',
       emptyOutDir: true,
     },
-    resolve: {
-      alias: {
-        // '@pkg/*': Path.resolve(__dirname, '../../packages/*/src'),
-        ...pkgs.reduce(
-          (prev, cur) => {
-            prev['@pkg/' + cur] = Path.resolve(
-              __dirname,
-              `../../packages/${cur}/src`,
-            );
-            return prev;
-          },
-          {} as Record<string, string>,
-        ),
-        ...components.reduce(
-          (prev, cur) => {
-            prev['~/' + cur] = Path.resolve(
-              __dirname,
-              `../../packages/components/src/${cur}`,
-            );
-            return prev;
-          },
-          {} as Record<string, string>,
-        ),
-      },
-    },
     plugins: [
       // https://github.com/vitejs/vite/tree/main/packages/plugin-react
       react({
         jsxRuntime: 'classic',
       }),
     ],
+    resolve: {
+      alias: getAlias(),
+    },
     cacheDir: `./.cache`,
   };
 });

tsconfig.json

@@ -55,7 +55,8 @@
     "packages",
     "scripts",
     ".dumirc.ts",
-    ".fatherrc.ts"
+    ".fatherrc.ts",
+    "utils"
   ],
   "exclude": ["node_modules", "dist", "tmp"]
 }

utils/getAlias.ts

@@ -0,0 +1,28 @@
+import Path from 'path';
+import Fs from 'fs';
+
+export function getAlias(): Record<string, string> {
+  const pkgsPath = Path.resolve(__dirname, '../packages');
+  const componentsSrcPath = Path.resolve(pkgsPath, 'components/src');
+
+  const pkgs = Fs.readdirSync(pkgsPath);
+  const componentsSrcDirs = Fs.readdirSync(componentsSrcPath);
+
+  return {
+    '@tool-pack/react-ui': Path.resolve(pkgsPath, 'react-ui/src'),
+    ...pkgs.reduce(
+      (prev, cur) => {
+        prev['@pkg/' + cur] = Path.resolve(pkgsPath, `${cur}/src`);
+        return prev;
+      },
+      {} as Record<string, string>,
+    ),
+    ...componentsSrcDirs.reduce(
+      (prev, cur) => {
+        prev['~/' + cur] = Path.resolve(componentsSrcPath, cur);
+        return prev;
+      },
+      {} as Record<string, string>,
+    ),
+  };
+}

utils/index.ts

@@ -0,0 +1 @@
+export * from './getAlias';