hotline-bs/vite.config.ts

import { defineConfig,UserConfig, ConfigEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from "path";
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import vueSetupExtend from 'vite-plugin-vue-setup-extend-plus'; // setup语法糖设置name
import viteCompression from "vite-plugin-compression"; //开启gzip打包压缩
export default defineConfig(({ command, mode }: ConfigEnv): UserConfig => {
  return {
    plugins: [vue(),
    vueSetupExtend(),
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
      viteCompression()
    ],
    base: command === 'serve' ? './' : '/',
    server: {
      host: '0.0.0.0',
      port: 8113,
      open: true,
      strictPort: false,
      // proxy: {}
    },
    root: process.cwd(),
    resolve: {
      alias: {
        "@": resolve(__dirname, "./src"),
        "components": resolve(__dirname, "./src/components"),
        "api": resolve(__dirname, "./src/api"),
      },
    },
    css: { preprocessorOptions: { css: { charset: false } } },
    build: {
      outDir: 'dist',
      sourcemap: false,
      chunkSizeWarningLimit: 1500,
      rollupOptions: {
        output: {
          entryFileNames: `assets/[name].[hash].js`,
          chunkFileNames: `assets/[name].[hash].js`,
          assetFileNames: `assets/[name].[hash].[ext]`,
          compact: true,
          manualChunks: {
            vue: ['vue', 'vue-router', 'pinia']
          },
        },
      },
      minify: 'terser',
      terserOptions: {
        //生产环境时移除console和debugger
        compress: {
          drop_console: false,
          drop_debugger: true
        }
      }
    },
  }
})