simple-xiaoshu/vite.config.mjs

import { defineConfig, loadEnv } from 'vite';

import vue from '@vitejs/plugin-vue';
// import vueDevTools from 'vite-plugin-vue-devtools';
import { visualizer } from 'rollup-plugin-visualizer';
import viteCompression from 'vite-plugin-compression';
// import viteImagemin from 'vite-plugin-imagemin';
/**
 * 按需加载
 * @see https://arco.design/vue/docs/start#%E6%8C%89%E9%9C%80%E5%8A%A0%E8%BD%BD%EF%BC%88%E6%A8%A1%E6%9D%BF%EF%BC%89
 */
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { ArcoResolver } from 'unplugin-vue-components/resolvers';

import { config_compression, config_imagemin } from './scripts/vite-conf';

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd());
  const targetUrl = env.VITE_API_BASE_URL; // 从环境变量中获取
  return {
    /**
     * 项目根目录
     * @see https://cn.vite.dev/config/shared-options.html#root
     */
    root: './src',
    /**
     * 静态资源目录，相对于 src/index.html 文件
     * @see https://cn.vite.dev/config/shared-options.html#publicdir
     */
    publicDir: '../public',
    server: {
      port: 5173,
      host: '0.0.0.0', // IP配置，支持从IP启动
      proxy: {
        '/console': {
          // target: targetUrl, // 使用从环境变量中获取的地址
          // target: 'http://smartai.com:8163'
          target: 'http://192.168.20.119:13002',
          changeOrigin: true,
          secure: false,
          ws: true,
          cors: true,
          rewrite: (path) => path.replace(/^\/proxy_url/, '')
        },
        '/api/': {
          // target: targetUrl, // 使用从环境变量中获取的地址
          // target: 'http://smartai.com:8163'
          target: 'http://192.168.20.119:13002',
          changeOrigin: true,
          secure: false,
          ws: true,
          cors: true,
          rewrite: (path) => path.replace(/^\/proxy_url/, '')
        }
      }
    },
    build: {
      /**
       * 构建输出目录，相对于 src/index.html 文件
       * @see https://cn.vite.dev/config/build-options.html#build-outdir
       */
      outDir: '../dist',

      emptyOutDir: true,
      rollupOptions: {
        output: {
          manualChunks: {
            'vue-vendor': ['vue', 'vue-router', 'pinia']
          }
        }
      },
      terserOptions: {
        output: {
          // 去掉注释内容
          comments: true
        }
      }
    },
    define: {
      'window.VITE_API_BASE_URL': JSON.stringify(env.VITE_API_BASE_URL)
    },
    plugins: [
      vue(),
      // /**
      //  * @see https://devtools.vuejs.org/guide/vite-plugin
      //  */
      // vueDevTools({
      //   launchEditor: 'code'
      // }),
      visualizer({ open: false }),
      viteCompression(config_compression),
      // viteImagemin(config_imagemin),

      /**
       * 按需加载
       * @see https://arco.design/vue/docs/start#%E6%8C%89%E9%9C%80%E5%8A%A0%E8%BD%BD%EF%BC%88%E6%A8%A1%E6%9D%BF%EF%BC%89
       */
      AutoImport({
        resolvers: [ArcoResolver()]
      }),
      Components({
        resolvers: [
          ArcoResolver({
            sideEffect: true
          })
        ]
      })
    ]
  };
});