vue-vite-ts/vite.config.ts

/* eslint-disable import/no-extraneous-dependencies */
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import eslint from 'vite-plugin-eslint'
import viteCompression from 'vite-plugin-compression'
import { resolve } from 'path'
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'

// https://vitejs.dev/config/
export default ({ mode }) => {
  const env = loadEnv(mode, process.cwd())
  return defineConfig({
    base: './',
    css: {
      preprocessorOptions: {
        scss: {
          api: 'modern-compiler'
        }
      }
    },
    resolve: {
      alias: {
        /*
          路径别名
          若为文件系统路径必须是绝对路径的形式，否则将以别名原样呈现，不会解析为文件系统路径路径
        */
        '@': resolve(__dirname, './src')
      }
    },
    plugins: [
      vue(), viteCompression(),
      eslint({ fix: true, include: ['**/*.ts', '**/*.vue'], cache: true }),
      createSvgIconsPlugin({
        iconDirs: [resolve(__dirname, './src/assets/icons')],
        // Specify symbolId format
        symbolId: 'icon-[dir]-[name]'
      })
    ],
    server: {
      host: '0.0.0.0',
      port: 6888,
      open: true,
      strictPort: false,
      // proxy: {
      //   '/api': {
      //     target: env.VITE_PROXY_URL,
      //     changeOrigin: true,
      //     rewrite: (path) => path.replace(/^\/api/, ''),
      //     secure: false,
      //     headers: {
      //       Referer: 'https://example.com'
      //     }
      //   }
      // }
    },
    esbuild: {
      drop: mode === 'development' ? ['debugger'] : ['debugger', 'console'] // build 移除打印
    },
    build: {
      rollupOptions: {
        input: {
          index: resolve(__dirname, 'index.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()
            }
            return ''
          }
        }
      }
    },
    define: {
      __VUE_OPTIONS_API__: false
    }
  })
}