auth/auth-web
auth
/
auth-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

build: 🔨 打包优化

This commit is contained in:
Bunny 2024-10-26 02:31:35 +08:00
parent 6b88a7b154
commit 72d16ef29e
5 changed files with 86 additions and 2312 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.production
View File

@ -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（不开启压缩，默认）

66
build/cdn.ts
View File

@ -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）
@ -7,54 +7,54 @@ import { Plugin as importToCDN } from "vite-plugin-cdn-import";
*/
export const cdn = importToCDN({
//（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: [
{
name: "vue",
var: "Vue",
path: "vue.global.prod.min.js"
name: 'vue',
var: 'Vue',
path: 'vue.global.prod.min.js',
},
{
name: "vue-router",
var: "VueRouter",
path: "vue-router.global.min.js"
name: 'vue-router',
var: 'VueRouter',
path: 'vue-router.global.min.js',
},
{
name: "vue-i18n",
var: "VueI18n",
path: "vue-i18n.runtime.global.prod.min.js"
name: 'vue-i18n',
var: 'VueI18n',
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）
{
name: "vue-demi",
var: "VueDemi",
path: "index.iife.min.js"
name: 'vue-demi',
var: 'VueDemi',
path: 'index.iife.min.js',
},
{
name: "pinia",
var: "Pinia",
path: "pinia.iife.min.js"
name: 'pinia',
var: 'Pinia',
path: 'pinia.iife.min.js',
},
{
name: "element-plus",
var: "ElementPlus",
path: "index.full.min.js",
css: "index.min.css"
name: 'element-plus',
var: 'ElementPlus',
path: 'index.full.min.js',
css: 'index.min.css',
},
{
name: "axios",
var: "axios",
path: "axios.min.js"
name: 'axios',
var: 'axios',
path: 'axios.min.js',
},
{
name: "dayjs",
var: "dayjs",
path: "dayjs.min.js"
name: 'dayjs',
var: 'dayjs',
path: 'dayjs.min.js',
},
{
name: "echarts",
var: "echarts",
path: "echarts.min.js"
}
]
// {
// name: "echarts",
// var: "echarts",
// path: "echarts.min.js"
// }
],
});

6
package.json
View File

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

2229
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff

27
vite.config.ts
View File

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