tall4-pc/vite.config.js

import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
import Components from 'unplugin-vue-components/vite';
import { VitePWA } from 'vite-plugin-pwa';
import WindiCSS from 'vite-plugin-windicss';
import { defineConfig } from 'vite';
import path from 'path';
import viteCompression from 'vite-plugin-compression';
import vue from '@vitejs/plugin-vue';

const resolve = dir => path.join(__dirname, dir);

// https://vitejs.dev/config/
export default defineConfig({
  base: '/',
  plugins: [vue(), VitePWA(), WindiCSS(), Components({ resolvers: [AntDesignVueResolver()] }), viteCompression()],
  resolve: {
    alias: {
      '~': __dirname,
      '@': resolve('src'),
      views: resolve('src/views'),
      components: resolve('src/components'),
      assets: resolve('src/assets'),
      utils: resolve('src/utils'),
      store: resolve('src/store'),
      apis: resolve('src/apis'),
    },
  },
  build: {
    rollupOptions: {
      output: {
        manualChunks(id) {
          if (id.includes('node_modules')) {
            return id.toString().split('node_modules/')[1].split('/')[0].toString();
          }
        },
      },
    },
  },
});