import { defineConfig, loadEnv } from 'vite' import path from 'path' import createVitePlugins from './vite/plugins' import.meta // https://vitejs.dev/config/ export default defineConfig(({ mode, command }) => { const env = loadEnv(mode, process.cwd()) const { VITE_APP_ENV } = env 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'] }, // vite 相关配置 server: { port: 5173, //port: 8888, host: true, open: false, proxy: { // https://cn.vitejs.dev/config/#server-proxy '/dev-api': { target: 'http://localhost:9801', changeOrigin: true, rewrite: (p) => p.replace(/^\/dev-api/, '') }, '/prod-api': { target: 'http://localhost:9801', // target: 'https://api.wzs.pub/mock/13', changeOrigin: true, rewrite: (p) => p.replace(/^\/prod-api/, '') } } }, //fix:error:stdin>:7356:1: warning: "@charset" must be the first rule in the file css: { postcss: { plugins: [{ postcssPlugin: 'internal:charset-removal', AtRule: { charset: (atRule) => { if (atRule.name === 'charset') { atRule.remove(); } } } }] } }, // 新增build配置,用于生产环境移除console build: { // 只有生产环境才移除console minify: VITE_APP_ENV === 'production' ? 'esbuild' : 'terser', esbuild: { // 生产环境下移除console和debugger drop: VITE_APP_ENV === 'production' ? ['console', 'debugger'] : [] }, target: 'es2015', cssTarget: ['chrome64', 'firefox67', 'safari11.1', 'edge79'] // CSS兼容目标: ['chrome64', 'firefox67', 'safari11.1', 'edge79'] // CSS兼容目标 }, optimizeDeps: { // include: ['jquery', 'select2', 'vue3-select2-component'], // exclude: ['sortablejs'] // 跳过 Vite 对 SortableJS 的预构建 }, } })