import { resolve } from 'node:path' import process from 'node:process' import type { ConfigEnv, UserConfig } from 'vite' import { loadEnv } from 'vite' import { format } from 'date-fns' import { wrapperEnv } from './build/utils' import { createVitePlugins } from './build/vite/plugin' import { OUTPUT_DIR } from './build/constant' import { createProxy } from './build/vite/proxy' import pkg from './package.json' const { dependencies, devDependencies, name, version } = pkg const __APP_INFO__ = { pkg: { dependencies, devDependencies, name, version }, lastBuildTime: format(new Date(), 'yyyy-MM-dd HH:mm:ss'), } function pathResolve(dir: string) { return resolve(process.cwd(), '.', dir) } export default ({ command, mode }: ConfigEnv): UserConfig => { const root = process.cwd() const env = loadEnv(mode, root) const viteEnv = wrapperEnv(env) const { VITE_PUBLIC_PATH, VITE_PORT, VITE_GLOB_PROD_MOCK, VITE_PROXY } = viteEnv const prodMock = VITE_GLOB_PROD_MOCK const isBuild = command === 'build' return { base: VITE_PUBLIC_PATH, esbuild: {}, resolve: { alias: [ { find: '@', replacement: `${pathResolve('src')}/`, }, ], dedupe: ['vue'], }, plugins: createVitePlugins(viteEnv, isBuild, prodMock), define: { __APP_INFO__: JSON.stringify(__APP_INFO__), }, server: { host: true, port: VITE_PORT, proxy: createProxy(VITE_PROXY), }, optimizeDeps: { include: [], exclude: ['vue-demi'], }, build: { target: 'es2015', cssTarget: 'chrome80', outDir: OUTPUT_DIR, reportCompressedSize: false, chunkSizeWarningLimit: 2000, }, } }