vue-vite-ts/vite.config.ts

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import eslint from 'vite-plugin-eslint'
import viteCompression from 'vite-plugin-compression'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  base: './',
  resolve: {
    alias: {
      /*
        路径别名
        若为文件系统路径必须是绝对路径的形式，否则将以别名原样呈现，不会解析为文件系统路径路径
      */
      '@': path.resolve(__dirname, './src')
    }
  },
  plugins: [vue(), viteCompression(), eslint({ fix: true, include: ['**/*.ts', '**/*.vue'] })],
  server: {
    host: '0.0.0.0',
    port: 5888,
    open: true,
    strictPort: false,
    https: false
    // 反向代理
    // proxy: {
    //   '/': {
    //     target: 'http://172.16.1.215:5000',
    //     changeOrigin: true,
    //     rewrite: (path) => path.replace(/^\//, '')
    //   },
    // }
  },
  build: {
    rollupOptions: {
      input: {
        index: path.resolve(__dirname, 'index.html'),
        login: path.resolve(__dirname, 'login.html')
      },
      output: { // 静态资源分类打包
        chunkFileNames: 'js/[hash].js',
        entryFileNames: 'js/[hash].js',
        assetFileNames: 'assets/[ext]/[hash].[ext]',
        // 拆分node_modules包
        manualChunks: (id: any) => {
          if (id.includes("node_modules")) {
            return id
              .toString()
              .split("node_modules/")[1]
              .split("/")[0]
              .toString();
          }
        }          
      }
    }
  },
  define: {
    __VUE_OPTIONS_API__: false
  }  
})