import { defineConfig, loadEnv, normalizePath } 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, VITE_API_URL, VITE_PORT } = env const variablePath = normalizePath(path.resolve('./src/style/variable.scss')) return { base: VITE_APP_ENV === 'production' ? '/' : '/', plugins: createVitePlugins(env, command === 'build'), optimizeDeps: { exclude: [ 'monaco-editor', 'monaco-editor/esm/vs/base/worker/workerMain.js', 'monaco-editor/esm/vs/editor/editor.main.js', 'ts.worker.js', 'typescript' ], include: [ 'monaco-editor/esm/vs/language/typescript/monaco.contribution' ] }, 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'] }, // 打包配置 build: { // https://vite.dev/config/build-options.html sourcemap: command === 'build' ? false : 'inline', outDir: 'dist', assetsDir: 'assets', chunkSizeWarningLimit: 2000, rollupOptions: { output: { manualChunks: { monaco: ['monaco-editor'] }, chunkFileNames: 'static/js/[name]-[hash].js', entryFileNames: 'static/js/[name]-[hash].js', assetFileNames: 'static/[ext]/[name]-[hash].[ext]' } } }, // vite 相关配置 server: { port: Number(VITE_PORT || 80), host: true, open: true, proxy: { // https://cn.vitejs.dev/config/#server-proxy '/dev-api': { target: VITE_API_URL || 'http://localhost:13080', changeOrigin: true, rewrite: (p) => p.replace(/^\/dev-api/, '') }, // springdoc proxy '^/v3/api-docs/(.*)': { target: VITE_API_URL || 'http://localhost:13080', changeOrigin: true, } } }, css: { postcss: { plugins: [ { postcssPlugin: 'internal:charset-removal', AtRule: { charset: (atRule) => { if (atRule.name === 'charset') { atRule.remove() } } } } ] }, preprocessorOptions: { scss: { additionalData: `@use "${variablePath}" as *;` } } } } })