vite.config.ts

import process from 'node:process'
import { fileURLToPath } from 'node:url'
import { defineConfig, loadEnv } from 'vite'
import { createViteProxy, getBuildInfo, include } from './build/config'
import { setupVitePlugins } from './build/plugins'

export default defineConfig((configEnv) => {
  const viteEnv = loadEnv(configEnv.mode, process.cwd()) as unknown as Env.ImportMeta

  const { desc, time, version } = getBuildInfo()

  const enableProxy = configEnv.command === 'serve' && !configEnv.isPreview

  return {
    base: viteEnv.VITE_BASE_URL,
    define: {
      BUILD_TIME: JSON.stringify(time),
      BUILD_DESC: JSON.stringify(desc),
    },
    plugins: setupVitePlugins(viteEnv, time, version),
    resolve: {
      alias: {
        '~': fileURLToPath(new URL('./', import.meta.url)),
        '@': fileURLToPath(new URL('./src', import.meta.url)),
      },
    },
    css: {
      preprocessorOptions: {
        scss: {
          api: 'modern-compiler',
          additionalData: '@use "@/assets/scss/global.scss" as *;',
        },
      },
    },
    server: {
      host: '0.0.0.0',
      port: viteEnv.VITE_SERVER_PORT,
      open: true,
      proxy: createViteProxy(viteEnv, enableProxy),
      warmup: { clientFiles: ['./index.html', './src/{pages,components}/*'] },
      fs: { cachedChecks: false },
    },
    build: {
      sourcemap: viteEnv.VITE_SOURCE_MAP === 'Y',
      commonjsOptions: { ignoreTryCatch: false },
      reportCompressedSize: false,
    },
    preview: { port: viteEnv.VITE_PREVIEW_PORT },
    optimizeDeps: { include },
    worker: { format: 'es' },
  }
})