247 lines
7.2 KiB
TypeScript
247 lines
7.2 KiB
TypeScript
import vue from "@vitejs/plugin-vue";
|
||
import type { PluginOption } from "vite";
|
||
import { type ConfigEnv, type UserConfig, loadEnv, defineConfig } from "vite";
|
||
|
||
import AutoImport from "unplugin-auto-import/vite";
|
||
import Components from "unplugin-vue-components/vite";
|
||
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
|
||
|
||
import { mockDevServerPlugin } from "vite-plugin-mock-dev-server";
|
||
|
||
import UnoCSS from "unocss/vite";
|
||
import { resolve } from "path";
|
||
import { name, version } from "./package.json" with { type: "json" };
|
||
|
||
// 平台名称、版本信息
|
||
const __APP_INFO__ = {
|
||
pkg: { name, version },
|
||
buildTimestamp: Date.now(),
|
||
};
|
||
|
||
// ESM 模式下使用 import.meta.dirname（Node 20.11+）
|
||
const pathSrc = resolve(import.meta.dirname, "src");
|
||
|
||
// Vite配置 https://cn.vitejs.dev/config
|
||
export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
|
||
const env = loadEnv(mode, process.cwd());
|
||
|
||
return {
|
||
resolve: {
|
||
alias: {
|
||
"@": pathSrc,
|
||
},
|
||
},
|
||
css: {
|
||
preprocessorOptions: {
|
||
// 注入项目布局变量。
|
||
scss: {
|
||
additionalData: `@use "@/styles/variables.scss" as *;`,
|
||
},
|
||
},
|
||
},
|
||
server: {
|
||
host: "0.0.0.0",
|
||
port: +env.VITE_APP_PORT,
|
||
open: true,
|
||
proxy: {
|
||
[env.VITE_APP_BASE_API]: {
|
||
changeOrigin: true,
|
||
target: env.VITE_APP_API_URL,
|
||
rewrite: (path: string) => path.replace(new RegExp(`^${env.VITE_APP_BASE_API}`), ""),
|
||
// 大文件上传放宽代理超时（默认 2 分钟，apks 等大文件易中断）
|
||
timeout: 600000,
|
||
proxyTimeout: 600000,
|
||
},
|
||
// 静态资源（安装包图标/截图/分类图标等由后端以 /static/** 提供）需代理到后端，
|
||
// 否则 dev server 会返回 SPA 兜底 index.html（text/html），导致图片 304/不显示。
|
||
"/static": {
|
||
changeOrigin: true,
|
||
target: env.VITE_APP_API_URL,
|
||
},
|
||
},
|
||
},
|
||
plugins: [
|
||
vue(),
|
||
...(env.VITE_MOCK_DEV_SERVER === "true" ? [mockDevServerPlugin()] : []),
|
||
UnoCSS(),
|
||
// API 自动导入
|
||
AutoImport({
|
||
// 导入 Vue 函数，如：ref, reactive, toRef 等
|
||
imports: ["vue", "@vueuse/core", "pinia", "vue-router", "vue-i18n"],
|
||
resolvers: [
|
||
// 导入 Element Plus函数，如：ElMessage, ElMessageBox 等
|
||
ElementPlusResolver({ importStyle: "sass" }),
|
||
],
|
||
eslintrc: {
|
||
enabled: false,
|
||
filepath: "./.eslintrc-auto-import.json",
|
||
globalsPropValue: true,
|
||
},
|
||
vueTemplate: true,
|
||
// 导入函数类型声明文件路径 (false:关闭自动生成)
|
||
dts: false,
|
||
// dts: "types/auto-imports.d.ts",
|
||
}),
|
||
// 组件自动导入
|
||
Components({
|
||
resolvers: [
|
||
// 导入 Element Plus 组件
|
||
ElementPlusResolver({ importStyle: "sass" }),
|
||
],
|
||
// 指定自定义组件位置(默认:src/components)
|
||
dirs: ["src/components", "src/**/components"],
|
||
// 导入组件类型声明文件路径 (false:关闭自动生成)
|
||
dts: false,
|
||
//dts: "types/components.d.ts",
|
||
}),
|
||
] as PluginOption[],
|
||
// 预加载项目必需的依赖
|
||
optimizeDeps: {
|
||
include: [
|
||
"vue",
|
||
"vue-router",
|
||
"element-plus",
|
||
"pinia",
|
||
"axios",
|
||
"@vueuse/core",
|
||
"codemirror-editor-vue3",
|
||
"exceljs",
|
||
"path-to-regexp",
|
||
"echarts/core",
|
||
"echarts/renderers",
|
||
"echarts/charts",
|
||
"echarts/components",
|
||
"vue-i18n",
|
||
"nprogress",
|
||
"sortablejs",
|
||
"qs",
|
||
"vxe-table",
|
||
"path-browserify",
|
||
"lodash-es",
|
||
"@element-plus/icons-vue",
|
||
"element-plus/es",
|
||
"element-plus/es/locale/lang/en",
|
||
"element-plus/es/locale/lang/zh-cn",
|
||
// Element Plus 组件样式预构建：按 src 实际用到的组件清单硬编码，首启即预加载，
|
||
// 避免首次使用某组件时触发依赖重优化导致页面刷新
|
||
...[
|
||
"alert",
|
||
"avatar",
|
||
"backtop",
|
||
"badge",
|
||
"base",
|
||
"breadcrumb",
|
||
"breadcrumb-item",
|
||
"button",
|
||
"card",
|
||
"cascader",
|
||
"checkbox",
|
||
"checkbox-group",
|
||
"checkbox-button",
|
||
"col",
|
||
"color-picker",
|
||
"config-provider",
|
||
"collapse-transition",
|
||
"date-picker",
|
||
"descriptions",
|
||
"descriptions-item",
|
||
"dialog",
|
||
"divider",
|
||
"drawer",
|
||
"dropdown",
|
||
"dropdown-item",
|
||
"dropdown-menu",
|
||
"empty",
|
||
"form",
|
||
"form-item",
|
||
"icon",
|
||
"image",
|
||
"image-viewer",
|
||
"input",
|
||
"input-number",
|
||
"input-tag",
|
||
"link",
|
||
"loading",
|
||
"menu",
|
||
"menu-item",
|
||
"message",
|
||
"message-box",
|
||
"notification",
|
||
"option",
|
||
"pagination",
|
||
"popover",
|
||
"progress",
|
||
"radio",
|
||
"radio-button",
|
||
"radio-group",
|
||
"row",
|
||
"scrollbar",
|
||
"select",
|
||
"skeleton",
|
||
"skeleton-item",
|
||
"space",
|
||
"step",
|
||
"steps",
|
||
"sub-menu",
|
||
"switch",
|
||
"tab-pane",
|
||
"table",
|
||
"table-column",
|
||
"tabs",
|
||
"tag",
|
||
"text",
|
||
"time-picker",
|
||
"time-select",
|
||
"timeline",
|
||
"timeline-item",
|
||
"tooltip",
|
||
"tree",
|
||
"tree-select",
|
||
"upload",
|
||
"watermark",
|
||
].map((c) => `element-plus/es/components/${c}/style/index`),
|
||
],
|
||
},
|
||
// 构建配置（Vite 8 使用 Rolldown + Oxc）
|
||
build: {
|
||
chunkSizeWarningLimit: 1200, // chunk 大小警告阈值
|
||
reportCompressedSize: false,
|
||
cssMinify: "lightningcss", // Vite 8 默认使用 Lightning CSS 压缩
|
||
// minify 默认使用 'oxc'，压缩速度比 terser 快 30-90 倍
|
||
rolldownOptions: {
|
||
checks: {
|
||
pluginTimings: false,
|
||
},
|
||
output: {
|
||
// 用于从入口点创建的块的打包输出格式
|
||
entryFileNames: "js/[name].[hash].js",
|
||
// 用于命名代码拆分时创建的共享块的输出命名
|
||
chunkFileNames: "js/[name].[hash].js",
|
||
// 用于输出静态资源的命名
|
||
assetFileNames: (assetInfo) => {
|
||
const assetName = assetInfo.names[0];
|
||
|
||
if (!assetName) {
|
||
return "assets/[name].[hash][extname]";
|
||
}
|
||
|
||
const info = assetName.split(".");
|
||
let extType = info[info.length - 1];
|
||
if (/\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/i.test(assetName)) {
|
||
extType = "media";
|
||
} else if (/\.(png|jpe?g|gif|svg)(\?.*)?$/.test(assetName)) {
|
||
extType = "img";
|
||
} else if (/\.(woff2?|eot|ttf|otf)(\?.*)?$/i.test(assetName)) {
|
||
extType = "fonts";
|
||
}
|
||
return `${extType}/[name].[hash].[ext]`;
|
||
},
|
||
},
|
||
},
|
||
},
|
||
define: {
|
||
__APP_INFO__: JSON.stringify(__APP_INFO__),
|
||
},
|
||
};
|
||
});
|