solinkcrm/vite.config.ts at main · gitcoffee-os/solinkcrm · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
import { defineConfig, loadEnv } from 'vite';
import vue from '@vitejs/plugin-vue';
import UnoCSS from 'unocss/vite';
import { resolve } from 'path';
import viteCompression from 'vite-plugin-compression';

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd());
  const isProd = mode === 'production';

  const plugins: any[] = [
    vue(),
    UnoCSS(),
  ];

  if (isProd && env.VITE_BUILD_COMPRESS === 'gzip') {
    plugins.push(viteCompression({
      verbose: true,
      disable: false,
      threshold: 10240,
      algorithm: 'gzip',
      ext: '.gz',
    }));
  }

  if (isProd && env.VITE_BUILD_COMPRESS === 'brotli') {
    plugins.push(viteCompression({
      verbose: true,
      disable: false,
      threshold: 10240,
      algorithm: 'brotliCompress',
      ext: '.br',
    }));
  }

  return {
    base: env.VITE_GLOB_BASE_URL || '/',
    plugins,
    resolve: {
      conditions: ['development'],
      alias: {
        '@': resolve(__dirname, 'src'),
      },
    },
    server: {
      host: '0.0.0.0',
      port: Number(env.VITE_PORT) || 3200,
      allowedHosts: env.VITE_ALLOWED_HOSTS
        ? env.VITE_ALLOWED_HOSTS.split(',').map((h: string) => h.trim())
        : ['127.0.0.1', 'localhost'],
      open: true,
      proxy: {
        '/api': {
          target: 'http://localhost:8080',
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, ''),
        },
      },
      warmup: {
        clientFiles: ['./src/main.ts', './src/App.vue', './src/router/index.ts'],
      },
    },
    optimizeDeps: {
      include: [
        'vue',
        'vue-router',
        'pinia',
        'ant-design-vue',
        '@ant-design/icons-vue',
        'vue-i18n',
        'dayjs',
      ],
    },
    build: {
      target: 'es2022',
      cssTarget: 'chrome80',
      chunkSizeWarningLimit: 2000,
      rollupOptions: {
        output: {
          chunkFileNames: 'js/[name]-[hash].js',
          entryFileNames: 'js/[name]-[hash].js',
          assetFileNames: '[ext]/[name]-[hash].[ext]',
          manualChunks(id) {
            if (id.includes('node_modules')) {
              if (id.includes('ant-design-vue') || id.includes('@ant-design')) {
                return 'antd';
              }
              if (id.includes('vue') || id.includes('pinia') || id.includes('@vue')) {
                return 'vue';
              }
              if (id.includes('dayjs')) {
                return 'dayjs';
              }
              if (id.includes('echarts')) {
                return 'echarts';
              }
              return 'vendor';
            }
          },
        },
      },
      minify: 'terser',
      terserOptions: {
        compress: {
          drop_console: env.VITE_DROP_CONSOLE === 'true',
          drop_debugger: true,
          pure_funcs: env.VITE_DROP_CONSOLE === 'true' ? ['console.log', 'console.info'] : [],
        },
      },
      reportCompressedSize: false,
      sourcemap: !isProd,
    },
  };
});