import { defineConfig, loadEnv } 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 } = env; return { // 部署生产环境和开发环境下的URL。 // 默认情况下,vite 会假设你的应用是被部署在一个域名的根路径上 // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.ruoyi.vip/admin/,则设置 baseUrl 为 /admin/。 base: VITE_APP_ENV === 'production' ? '/door' : '/', // 是否开启eslint保存检测 lintOnSave: false, 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: 8081, host: true, hot: true, //自动保存 cors: true, hmr: true, //vue3 vite配置热更新不用手动刷新 open: true, proxy: { '/dev-api': { target: 'http://192.168.16.94:8100', //研发服务器网关 // target: "https://server1.wh-nf.cn:8132/prod-api", //研发服务器网关 changeOrigin: true, rewrite: p => p.replace(/^\/dev-api/, ''), }, '/schedule': { target: 'http://192.168.16.94:8100', //研发服务器网关 // target: "https://server1.wh-nf.cn:8132/prod-api", //研发服务器网关 changeOrigin: true, rewrite: p => p.replace(/^\/schedule/, '/schedule'), }, '/system': { target: 'http://192.168.16.94:8100', //研发服务器网关 // target: "https://server1.wh-nf.cn:8132/prod-api", //测试环境 changeOrigin: true, rewrite: p => p.replace(/^\/system/, '/system'), }, '/code': { target: 'http://192.168.16.94:8100', //研发服务器网关 // target: "https://server1.wh-nf.cn:8132/prod-api", //测试环境 changeOrigin: true, rewrite: p => p.replace(/^\/code/, '/code'), }, '/auth': { target: 'http://192.168.16.94:8100', //研发服务器网关 // target: "https://server1.wh-nf.cn:8132/prod-api", //测试环境 changeOrigin: true, rewrite: p => p.replace(/^\/auth/, '/auth'), }, }, }, //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: { sourcemap: false, outDir: 'doorDist', rollupOptions: { output: { chunkFileNames: 'assets/js/[name]-[hash].js', entryFileNames: 'assets/jsEntry/[name]-[hash].js', //html引入的js文件 assetFileNames: 'assets/[ext]/[name]-[hash].[ext]', }, brotliSize: true, // 不统计 target: 'esnext', minify: 'esbuild', // 混淆器,terser构建后文件体积更小 }, }, }; });