chore: 📦️ 打包相关配置

build/buildEnv.ts

@@ -36,7 +36,7 @@ export const buildEnvironment = () => {
 				entryFileNames: 'js/[name]-[hash].js', // 用于指定入口文件的输出文件名格式
 				assetFileNames: 'assets/[ext]/[name]-[hash].[ext]', // 用于指定静态资源的输出文件名格式
 				// ? 配置文件生成方式
-				manualChunks: (id, meta) => {
+				manualChunks: id => {
 					// 如果是包含在包中则打包成 vendor
 					if (id.includes('node_modules')) {
 						return 'vendor';

build/utils.ts

@@ -1,5 +1,7 @@
 import { readdir, stat } from 'node:fs';
 import { formatBytes, sum } from '@pureadmin/utils';
+import { fileURLToPath } from 'node:url';
+import { dirname, resolve } from 'node:path';
 
 const fileListTotal: number[] = [];
 
@@ -30,4 +32,24 @@ const getPackageSize = options => {
 	});
 };
 
-export { getPackageSize };
+/**
+ * @description 根据可选的路径片段生成一个新的绝对路径
+ * @param dir 路径片段，默认`build`
+ * @param metaUrl 模块的完整`url`，如果在`build`目录外调用必传`import.meta.url`
+ */
+const pathResolve = (dir = '.', metaUrl = import.meta.url) => {
+	// 当前文件目录的绝对路径
+	const currentFileDir = dirname(fileURLToPath(metaUrl));
+	// build 目录的绝对路径
+	const buildDir = resolve(currentFileDir, 'build');
+	// 解析的绝对路径
+	const resolvedPath = resolve(currentFileDir, dir);
+	// 检查解析的绝对路径是否在 build 目录内
+	if (resolvedPath.startsWith(buildDir)) {
+		// 在 build 目录内，返回当前文件路径
+		return fileURLToPath(metaUrl);
+	}
+	// 不在 build 目录内，返回解析后的绝对路径
+	return resolvedPath;
+};
+export { getPackageSize, pathResolve };

tsconfig.json

@@ -19,6 +19,9 @@
     "paths": {
       "@/*": [
         "src/*"
+      ],
+      "@build/*": [
+        "build/*"
       ]
     },
     /* Bundler mode */
@@ -37,7 +40,9 @@
   "include": [
     "src/**/*.ts",
     "src/**/*.tsx",
-		"src/**/*.vue"
+    "src/**/*.vue",
+    "build/*.ts",
+    "vite.config.ts"
   ],
   "exclude": [
     "node_modules"

tsconfig.node.json

@@ -7,5 +7,7 @@
     "allowSyntheticDefaultImports": true,
     "strict": true
   },
-  "include": ["vite.config.ts"]
+  "include": [
+    "vite.config.ts"
+  ]
 }

vite.config.ts

@@ -4,6 +4,7 @@ import { buildEnvironment } from './build/buildEnv';
 import { exclude, include } from './build/optimize';
 import { getPluginsList } from './build/plugins';
 import { serverOptions } from './build/server';
+import { pathResolve } from './build/utils.ts';
 
 export default defineConfig(
 	(): UserConfig => ({
@@ -12,6 +13,7 @@ export default defineConfig(
 			alias: {
 				'@': resolve(__dirname, './src'),
 				'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js',
+				'@build': pathResolve(),
 			},
 		},
 		optimizeDeps: { include, exclude },