import { defineConfig, loadEnv } from 'vite'; import createPlugins from './vite/plugins'; import autoprefixer from 'autoprefixer'; // css自动添加兼容性前缀 import path from 'path'; export default defineConfig(({ mode, command }) => { const env = loadEnv(mode, process.cwd()); const isBuild = command === 'build'; // CI / 小内存机器:限制并行、跳过 gzip 插件(产物外层已 tar.gz) const lowMem = process.env.CI === 'true' || process.env.VITE_LOW_MEM === '1'; return { // 部署生产环境和开发环境下的URL。 // 默认情况下,vite 会假设你的应用是被部署在一个域名的根路径上 // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.ruoyi.vip/admin/,则设置 baseUrl 为 /admin/。 base: env.VITE_APP_CONTEXT_PATH || '/', resolve: { alias: { '@': path.resolve(__dirname, './src') }, extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'] }, // https://cn.vitejs.dev/config/#resolve-extensions plugins: createPlugins(env, isBuild), server: { host: '0.0.0.0', port: Number(env.VITE_APP_PORT), open: true, proxy: { [env.VITE_APP_BASE_API]: { target: 'http://localhost:8080', changeOrigin: true, ws: true, rewrite: (path) => path.replace(new RegExp('^' + env.VITE_APP_BASE_API), '') } } }, css: { preprocessorOptions: { scss: { // additionalData: '@use "@/assets/styles/variables.module.scss as *";' // javascriptEnabled: true api: 'modern-compiler' } }, postcss: { plugins: [ // 浏览器兼容性 autoprefixer(), { postcssPlugin: 'internal:charset-removal', AtRule: { charset: (atRule) => { atRule.remove(); } } } ] } }, esbuild: { legalComments: 'none' }, build: { sourcemap: false, // 控制台 gzip 体积统计会再压缩一遍全部产物,大项目很吃内存 reportCompressedSize: false, chunkSizeWarningLimit: 2000, // esbuild 比 terser 省内存、更快 minify: 'esbuild', cssMinify: 'esbuild', target: 'es2020', // 小内存 / CI:串行读文件,显著降低 transform 峰值 rollupOptions: { maxParallelFileOps: lowMem ? 1 : 2 } }, // 预编译 optimizeDeps: { include: [ 'vue', 'vue-router', 'pinia', 'axios', '@vueuse/core', 'echarts', 'vue-i18n', '@vueup/vue-quill', 'image-conversion' ] } }; });