mirror of
https://github.com/jeecgboot/JeecgBoot.git
synced 2026-08-24 21:58:41 +00:00
220 lines
8.8 KiB
Vue
220 lines
8.8 KiB
Vue
import type { UserConfig, ConfigEnv } from 'vite';
|
||
import pkg from './package.json';
|
||
import dayjs from 'dayjs';
|
||
import { loadEnv } from 'vite';
|
||
import { resolve } from 'path';
|
||
import { generateModifyVars } from './build/generate/generateModifyVars';
|
||
import { createProxy } from './build/vite/proxy';
|
||
import { wrapperEnv } from './build/utils';
|
||
import { createVitePlugins } from './build/vite/plugin';
|
||
import { OUTPUT_DIR } from './build/constant';
|
||
|
||
function pathResolve(dir: string) {
|
||
return resolve(process.cwd(), '.', dir);
|
||
}
|
||
|
||
const { dependencies, devDependencies, name, version } = pkg;
|
||
const __APP_INFO__ = {
|
||
pkg: { dependencies, devDependencies, name, version },
|
||
lastBuildTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
|
||
};
|
||
|
||
export default async ({ command, mode }: ConfigEnv): Promise<UserConfig> => {
|
||
const root = process.cwd();
|
||
|
||
const env = loadEnv(mode, root);
|
||
|
||
// The boolean type read by loadEnv is a string. This function can be converted to boolean type
|
||
const viteEnv = wrapperEnv(env);
|
||
|
||
const { VITE_PORT, VITE_PUBLIC_PATH, VITE_PROXY } = viteEnv;
|
||
|
||
const isBuild = command === 'build';
|
||
|
||
const serverOptions: Recordable = {}
|
||
|
||
// JEECG 作为乾坤子应用时，需要开启跨域并指定 origin
|
||
const {VITE_GLOB_QIANKUN_MICRO_APP_NAME, VITE_GLOB_QIANKUN_MICRO_APP_ENTRY} = viteEnv;
|
||
const isQiankunMicro = VITE_GLOB_QIANKUN_MICRO_APP_NAME != null && VITE_GLOB_QIANKUN_MICRO_APP_NAME !== '';
|
||
if (isQiankunMicro && !isBuild) {
|
||
serverOptions.cors = true;
|
||
serverOptions.origin = VITE_GLOB_QIANKUN_MICRO_APP_ENTRY!.split('/').slice(0, 3).join('/');
|
||
}
|
||
|
||
console.log('[init] Start Port: ', VITE_PORT);
|
||
console.debug('[init] Vite Proxy Config: ', VITE_PROXY);
|
||
|
||
return {
|
||
base: isQiankunMicro ? VITE_GLOB_QIANKUN_MICRO_APP_ENTRY : VITE_PUBLIC_PATH,
|
||
root,
|
||
resolve: {
|
||
alias: [
|
||
// 将 @rys-fe/vite-plugin-theme 客户端运行时重定向到内置版本（vite 8 适配），用 RegExp 精确匹配避免被父级别名误吞
|
||
{
|
||
find: /^@rys-fe\/vite-plugin-theme\/es\/client$/,
|
||
replacement: pathResolve('build/vite/plugin/theme-plugin/client/client'),
|
||
},
|
||
{
|
||
find: /^@rys-fe\/vite-plugin-theme\/es\/colorUtils$/,
|
||
replacement: pathResolve('build/vite/plugin/theme-plugin/client/colorUtils'),
|
||
},
|
||
{
|
||
find: /^@rys-fe\/vite-plugin-theme$/,
|
||
replacement: pathResolve('build/vite/plugin/theme-plugin/index'),
|
||
},
|
||
{
|
||
find: 'vue-i18n',
|
||
replacement: 'vue-i18n/dist/vue-i18n.cjs.js',
|
||
},
|
||
// /@/xxxx、@/xxxx => src/xxxx
|
||
{
|
||
find: /\/?@\//,
|
||
replacement: pathResolve('src') + '/',
|
||
},
|
||
// /#/xxxx、#/xxxx => types/xxxx
|
||
{
|
||
find: /\/?#\//,
|
||
replacement: pathResolve('types') + '/',
|
||
},
|
||
],
|
||
// 避免vue生态多份实例被重复解析/预构建，减少依赖发现和转换的开销
|
||
dedupe: ['vue', 'vue-router', 'pinia', '@vue/shared'],
|
||
},
|
||
server: {
|
||
// Listening on all local IPs
|
||
host: true,
|
||
// @ts-ignore
|
||
https: false,
|
||
port: VITE_PORT,
|
||
proxy: createProxy(VITE_PROXY),
|
||
...serverOptions,
|
||
// 启动时预构建部分常用入口页面，访问时更快
|
||
warmup: {
|
||
clientFiles: [
|
||
'./src/main.ts',
|
||
'./src/App.vue',
|
||
'./src/views/system/loginmini/MiniLogin.vue',
|
||
'src/layouts/default/index.vue',
|
||
'src/views/dashboard/Analysis/index.vue',
|
||
'src/views/dashboard/workbench/index.vue',
|
||
'src/views/system/user/index.vue',
|
||
'src/views/system/role/index.vue',
|
||
'src/views/system/depart/index.vue',
|
||
'src/views/system/menu/index.vue',
|
||
'src/views/system/dict/index.vue',
|
||
'src/views/super/online/cgform/index.vue',
|
||
'src/views/super/online/cgform/auto/default/OnlineAutoList.vue',
|
||
'src/views/super/airag/aiapp/AiAppList.vue',
|
||
],
|
||
},
|
||
// update-end--author:liaozhiyang---date:20260306---for:【QQYUN-14801】vite启动的时候，预构建一些入口页面，访问时快一些
|
||
},
|
||
build: {
|
||
// Vite 8 默认使用 Oxc minifier；'esbuild' 已 deprecated。
|
||
// 这里保留 minify=true 显式启用，并对 console/debugger 做 drop。
|
||
minify: true,
|
||
target: 'es2015',
|
||
cssTarget: 'chrome80',
|
||
outDir: OUTPUT_DIR,
|
||
rollupOptions: {
|
||
output: {
|
||
chunkFileNames: 'js/[name]-[hash].js',
|
||
entryFileNames: 'js/[name]-[hash].js',
|
||
// update-begin--author:copilot---date:20260711---for:【vite8升级】rolldown不再支持对象形式的manualChunks，改为函数形式
|
||
// 官方推荐写法：id.includes('node_modules') + split('node_modules/') 取出包名，再映射到 chunk 名（依赖包从大到小排列）
|
||
manualChunks(id: string) {
|
||
const normalizedId = id.replace(/\\/g, '/');
|
||
// tinymceGlobalShim 必须和 tinymce 核心/插件打进同一 chunk，保证 window.tinymce 挂载早于各 plugin/theme 顶层代码执行
|
||
if (normalizedId.includes('/src/utils/tinymceGlobalShim')) {
|
||
return 'tinymce-vendor';
|
||
}
|
||
if (!normalizedId.includes('node_modules/')) {
|
||
return;
|
||
}
|
||
const segments = normalizedId.split('node_modules/').pop()!.split('/');
|
||
const pkgName = segments[0].startsWith('@') ? `${segments[0]}/${segments[1]}` : segments[0];
|
||
const packageToChunk: Record<string, string> = {
|
||
vue: 'vue-vendor',
|
||
'vue-router': 'vue-vendor',
|
||
'emoji-mart-vue-fast': 'emoji-mart-vue-fast',
|
||
html2canvas: 'html2canvas-vendor',
|
||
'pinyin-pro': 'pinyin-pro-vendor',
|
||
'vue-grid-layout': 'grid-layout-vendor',
|
||
vuedraggable: 'vuedraggable-vendor',
|
||
tinymce: 'tinymce-vendor',
|
||
'@tinymce/tinymce-vue': 'tinymce-vendor',
|
||
};
|
||
return packageToChunk[pkgName];
|
||
},
|
||
// update-end--author:copilot---date:20260711---for:【vite8升级】rolldown不再支持对象形式的manualChunks，改为函数形式
|
||
// Vite 8 用 Oxc 替代 esbuild；原 esbuild.drop 迁移到这里。
|
||
// 详见 https://oxc.rs/docs/guide/usage/minifier/dead-code-elimination
|
||
minify: isBuild ? { compress: { drop: ['console', 'debugger'] } } : false,
|
||
},
|
||
},
|
||
// 关闭brotliSize显示可以稍微减少打包时间
|
||
reportCompressedSize: false,
|
||
// 提高超大静态资源警告大小
|
||
chunkSizeWarningLimit: 2000,
|
||
},
|
||
define: {
|
||
// setting vue-i18-next
|
||
// Suppress warning
|
||
__INTLIFY_PROD_DEVTOOLS__: false,
|
||
__APP_INFO__: JSON.stringify(__APP_INFO__),
|
||
},
|
||
css: {
|
||
// warmup 并发较高时，Less worker 与主线程通信可能超过 Vite 内部超时时间
|
||
preprocessorMaxWorkers: 0,
|
||
preprocessorOptions: {
|
||
less: {
|
||
modifyVars: generateModifyVars(),
|
||
javascriptEnabled: true,
|
||
},
|
||
},
|
||
},
|
||
|
||
// The vite plugin used by the project. The quantity is large, so it is separately extracted and managed
|
||
plugins: await createVitePlugins(viteEnv, isBuild, isQiankunMicro),
|
||
|
||
optimizeDeps: {
|
||
// Vite 8 uses Rolldown for dep optimization; esbuildOptions is deprecated.
|
||
// See https://rolldown.rs/ for the rolldownOptions shape.
|
||
rolldownOptions: {
|
||
transform: {
|
||
target: 'es2020',
|
||
},
|
||
},
|
||
// @iconify/iconify: The dependency is dynamically and virtually loaded by @purge-icons/generated, so it needs to be specified explicitly
|
||
// vite8 显式预构建路由独有的重量级依赖，避免首次打开对应路由时因运行时才发现依赖而产生大量瀑布式请求
|
||
include: [
|
||
'clipboard',
|
||
'@vue/shared',
|
||
'@iconify/iconify',
|
||
'ant-design-vue/es/locale/zh_CN',
|
||
'ant-design-vue/es/locale/en_US',
|
||
// Vite 默认不扫描 node_modules 里已打包的 mjs，导致 ant-design-vue/es/vc-picker/generate/dayjs.js
|
||
// 引入的 dayjs 插件子路径（UMD/CJS）未被预打包，运行时报 "does not provide an export named 'default'"。
|
||
// 显式列出 vc-picker 用到的全部 dayjs 插件，强制 esbuild 预打包成 ESM。
|
||
'dayjs/plugin/advancedFormat',
|
||
'dayjs/plugin/customParseFormat',
|
||
'dayjs/plugin/weekday',
|
||
'dayjs/plugin/localeData',
|
||
'dayjs/plugin/weekOfYear',
|
||
'dayjs/plugin/weekYear',
|
||
'dayjs/plugin/quarterOfYear',
|
||
'tinymce',
|
||
'@tinymce/tinymce-vue',
|
||
'echarts',
|
||
'vxe-table',
|
||
'vxe-pc-ui',
|
||
'vxe-table-plugin-antd',
|
||
],
|
||
exclude: [
|
||
//升级vite4后，需要排除online和aiflow依赖
|
||
'@jeecg/aiflow',
|
||
],
|
||
},
|
||
};
|
||
};
|