build: 🔨 打包优化

.env.production

@@ -23,7 +23,7 @@ VITE_BASE_API_RETRY=5
 VITE_BASE_API_RETRY_DELAY=3000
 
 # 是否在打包时使用cdn替换本地库 替换 true 不替换 false
-VITE_CDN=false
+VITE_CDN=true
 
 # 是否启用gzip压缩或brotli压缩（分两种情况，删除原始文件和不删除原始文件）
 # 压缩时不删除原始文件的配置：gzip、brotli、both（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）

build/cdn.ts

@@ -1,4 +1,4 @@
-import { Plugin as importToCDN } from "vite-plugin-cdn-import";
+import { Plugin as importToCDN } from 'vite-plugin-cdn-import';
 
 /**
  * @description 打包时采用`cdn`模式，仅限外网使用（默认不采用，如果需要采用cdn模式，请在 .env.production 文件，将 VITE_CDN 设置成true）
@@ -6,55 +6,55 @@ import { Plugin as importToCDN } from "vite-plugin-cdn-import";
  * 注意：上面提到的仅限外网使用也不是完全肯定的，如果你们公司内网部署的有相关js、css文件，也可以将下面配置对应改一下，整一套内网版cdn
  */
 export const cdn = importToCDN({
-  //（prodUrl解释： name: 对应下面modules的name，version: 自动读取本地package.json中dependencies依赖中对应包的版本号，path: 对应下面modules的path，当然也可写完整路径，会替换prodUrl）
+	//（prodUrl解释： name: 对应下面modules的name，version: 自动读取本地package.json中dependencies依赖中对应包的版本号，path: 对应下面modules的path，当然也可写完整路径，会替换prodUrl）
-  prodUrl: "https://cdn.bootcdn.net/ajax/libs/{name}/{version}/{path}",
+	prodUrl: 'https://cdn.bootcdn.net/ajax/libs/{name}/{version}/{path}',
-  modules: [
+	modules: [
-    {
+		{
-      name: "vue",
+			name: 'vue',
-      var: "Vue",
+			var: 'Vue',
-      path: "vue.global.prod.min.js"
+			path: 'vue.global.prod.min.js',
-    },
+		},
-    {
+		{
-      name: "vue-router",
+			name: 'vue-router',
-      var: "VueRouter",
+			var: 'VueRouter',
-      path: "vue-router.global.min.js"
+			path: 'vue-router.global.min.js',
-    },
+		},
-    {
+		{
-      name: "vue-i18n",
+			name: 'vue-i18n',
-      var: "VueI18n",
+			var: 'VueI18n',
-      path: "vue-i18n.runtime.global.prod.min.js"
+			path: 'vue-i18n.runtime.global.prod.min.js',
-    },
+		},
-    // 项目中没有直接安装vue-demi，但是pinia用到了，所以需要在引入pinia前引入vue-demi（https://github.com/vuejs/pinia/blob/v2/packages/pinia/package.json#L77）
+		// 项目中没有直接安装vue-demi，但是pinia用到了，所以需要在引入pinia前引入vue-demi（https://github.com/vuejs/pinia/blob/v2/packages/pinia/package.json#L77）
-    {
+		{
-      name: "vue-demi",
+			name: 'vue-demi',
-      var: "VueDemi",
+			var: 'VueDemi',
-      path: "index.iife.min.js"
+			path: 'index.iife.min.js',
-    },
+		},
-    {
+		{
-      name: "pinia",
+			name: 'pinia',
-      var: "Pinia",
+			var: 'Pinia',
-      path: "pinia.iife.min.js"
+			path: 'pinia.iife.min.js',
-    },
+		},
-    {
+		{
-      name: "element-plus",
+			name: 'element-plus',
-      var: "ElementPlus",
+			var: 'ElementPlus',
-      path: "index.full.min.js",
+			path: 'index.full.min.js',
-      css: "index.min.css"
+			css: 'index.min.css',
-    },
+		},
-    {
+		{
-      name: "axios",
+			name: 'axios',
-      var: "axios",
+			var: 'axios',
-      path: "axios.min.js"
+			path: 'axios.min.js',
-    },
+		},
-    {
+		{
-      name: "dayjs",
+			name: 'dayjs',
-      var: "dayjs",
+			var: 'dayjs',
-      path: "dayjs.min.js"
+			path: 'dayjs.min.js',
-    },
+		},
-    {
+		// {
-      name: "echarts",
+		//   name: "echarts",
-      var: "echarts",
+		//   var: "echarts",
-      path: "echarts.min.js"
+		//   path: "echarts.min.js"
-    }
+		// }
-  ]
+	],
 });

package.json

@@ -51,9 +51,6 @@
 	"dependencies": {
 		"@amap/amap-jsapi-loader": "^1.0.1",
 		"@howdyjs/mouse-menu": "^2.1.3",
-		"@infectoone/vue-ganttastic": "^2.3.2",
-		"@logicflow/core": "^1.2.27",
-		"@logicflow/extension": "^1.2.27",
 		"@pureadmin/descriptions": "^1.2.1",
 		"@pureadmin/table": "^3.1.2",
 		"@pureadmin/utils": "^2.4.7",
@@ -61,8 +58,6 @@
 		"@vue-flow/core": "^1.33.6",
 		"@vueuse/core": "^10.9.0",
 		"@vueuse/motion": "^2.1.0",
-		"@wangeditor/editor": "^5.1.23",
-		"@wangeditor/editor-for-vue": "^5.1.12",
 		"@zxcvbn-ts/core": "^3.0.4",
 		"animate.css": "^4.1.1",
 		"axios": "^1.6.8",
@@ -70,7 +65,6 @@
 		"cropperjs": "^1.6.2",
 		"dayjs": "^1.11.11",
 		"echarts": "^5.5.0",
-		"echarts-gl": "^2.0.9",
 		"el-table-infinite-scroll": "^3.0.3",
 		"element-plus": "2.7.1",
 		"intro.js": "^7.2.0",

vite.config.ts

@@ -1,32 +1,31 @@
-import { getPluginsList } from "./build/plugins";
+import { getPluginsList } from './build/plugins';
-import { exclude, include } from "./build/optimize";
+import { exclude, include } from './build/optimize';
-import { type ConfigEnv, loadEnv, type UserConfigExport } from "vite";
+import { type ConfigEnv, loadEnv, type UserConfigExport } from 'vite';
-import { __APP_INFO__, alias, root, wrapperEnv } from "./build/utils";
+import { __APP_INFO__, alias, root, wrapperEnv } from './build/utils';
-import { serverOptions } from "./build/server";
+import { serverOptions } from './build/server';
-import { buildEnvironment } from "./build/buildEnv";
+import { buildEnvironment } from './build/buildEnv';
 
 export default ({ mode }: ConfigEnv): UserConfigExport => {
-  const { VITE_CDN, VITE_PORT, VITE_COMPRESSION, VITE_PUBLIC_PATH } =
+	const { VITE_CDN, VITE_PORT, VITE_COMPRESSION, VITE_PUBLIC_PATH } = wrapperEnv(loadEnv(mode, root));
-    wrapperEnv(loadEnv(mode, root));
+	return {
-  return {
+		base: VITE_PUBLIC_PATH,
-    base: VITE_PUBLIC_PATH,
+		root,
-    root,
+		resolve: { alias },
-    resolve: { alias },
+		// 服务端渲染
-    // 服务端渲染
+		server: serverOptions(mode),
-    server: serverOptions(mode),
+		plugins: getPluginsList(VITE_CDN, VITE_COMPRESSION, VITE_PORT),
-    plugins: getPluginsList(VITE_CDN, VITE_COMPRESSION, VITE_PORT),
+		// https://cn.vitejs.dev/config/dep-optimization-options.html#dep-optimization-options
-    // https://cn.vitejs.dev/config/dep-optimization-options.html#dep-optimization-options
+		optimizeDeps: { include, exclude },
-    optimizeDeps: { include, exclude },
+		esbuild: {
-    esbuild: {
+			pure: ['console.log', 'debugger'],
-      pure: ["console.log", "debugger"],
+			jsxFactory: 'h',
-      jsxFactory: "h",
+			jsxFragment: 'Fragment',
-      jsxFragment: "Fragment",
+			jsxInject: "import { h } from 'vue';",
-      jsxInject: "import { h } from 'vue';"
+		},
-    },
+		build: buildEnvironment(),
-    build: buildEnvironment(),
+		define: {
-    define: {
+			__INTLIFY_PROD_DEVTOOLS__: false,
-      __INTLIFY_PROD_DEVTOOLS__: false,
+			__APP_INFO__: JSON.stringify(__APP_INFO__),
-      __APP_INFO__: JSON.stringify(__APP_INFO__)
+		},
-    }
+	};
-  };
 };