import { defineConfig, loadEnv } from 'vite'
|
import path from 'path'
|
import createVitePlugins from './vite/plugins'
|
|
// https://vitejs.dev/config/
|
export default defineConfig(({ mode, command }) => {
|
const env = loadEnv(mode, process.cwd())
|
const { VITE_APP_ENV } = env
|
// 后端接口：默认打内网共享服务，本地起后端时用 VITE_APP_PROXY_TARGET 覆盖
|
const baseUrl = env.VITE_APP_PROXY_TARGET || 'http://192.168.0.24:9509/lims'
|
return {
|
// 部署生产环境和开发环境下的URL。
|
// 默认情况下，vite 会假设你的应用是被部署在一个域名的根路径上
|
// 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
|
base: VITE_APP_ENV === 'production' ? '/' : '/',
|
plugins: createVitePlugins(env, command === 'build'),
|
resolve: {
|
// https://cn.vitejs.dev/config/#resolve-alias
|
alias: {
|
// 设置路径
|
'~': path.resolve(__dirname, './'),
|
// 设置别名
|
'@': path.resolve(__dirname, './src')
|
},
|
// https://cn.vitejs.dev/config/#resolve-extensions
|
extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
|
},
|
// Web Worker 配置：src/workers/*.worker.js 内部 import 了 big.js，
|
// 打包成默认的 iife 格式会因代码分割报错，必须用 es 格式
|
worker: {
|
format: 'es'
|
},
|
// 依赖预构建入口。
|
// 默认策略会把 public/ 下的 ie.html、luckysheet 的 demo_index.html 当成入口，
|
// 这些文件引用的都是 UMD 全局脚本，扫描毫无意义。
|
// 但不能只留 index.html：路由页面是动态 import 的，只扫 index.html 会让
|
// splitpanes / jspdf / @vue-office/* / echarts 这类"首次进入某个页面才加载"的依赖
|
// 在运行中被发现，触发一次强制 reload。而 reload 与页面渲染竞态时，
|
// 会出现新旧两个 hash 的 chunk 同时存在，表现为
|
// "renderSlot: Cannot read properties of null (reading 'ce')" 这种假崩溃。
|
// 所以明确把 src 纳入扫描面，一次性把依赖找齐。
|
optimizeDeps: {
|
entries: ['index.html', 'src/**/*.{js,vue}']
|
},
|
// 打包配置
|
build: {
|
// https://vite.dev/config/build-options.html
|
sourcemap: command === 'build' ? false : 'inline',
|
outDir: 'dist',
|
assetsDir: 'assets',
|
chunkSizeWarningLimit: 2000,
|
rollupOptions: {
|
output: {
|
chunkFileNames: 'static/js/[name]-[hash].js',
|
entryFileNames: 'static/js/[name]-[hash].js',
|
assetFileNames: 'static/[ext]/[name]-[hash].[ext]'
|
}
|
}
|
},
|
// vite 相关配置
|
server: {
|
port: 80,
|
host: true,
|
open: true,
|
proxy: {
|
// https://cn.vitejs.dev/config/#server-proxy
|
'/dev-api': {
|
target: baseUrl,
|
changeOrigin: true,
|
rewrite: (p) => p.replace(/^\/dev-api/, '')
|
},
|
// springdoc proxy
|
'^/v3/api-docs/(.*)': {
|
target: baseUrl,
|
changeOrigin: true,
|
}
|
}
|
},
|
css: {
|
postcss: {
|
plugins: [
|
{
|
postcssPlugin: 'internal:charset-removal',
|
AtRule: {
|
charset: (atRule) => {
|
if (atRule.name === 'charset') {
|
atRule.remove()
|
}
|
}
|
}
|
}
|
]
|
}
|
}
|
}
|
})
|
