求救啊，公司app内嵌的h5项目
打包太大怎么优化啊？

// vite.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import { join } from 'path'
import legacy from '@vitejs/plugin-legacy'
import { terser } from 'rollup-plugin-terser'

export default defineConfig({
  plugins: [
    legacy({
      targets: ['defaults', 'not IE 11']
    }),
    vue(),
    AutoImport({
      resolvers: [ElementPlusResolver()]
    }),
    Components({
      resolvers: [
        ElementPlusResolver(),
        (componentName) => {
          if (componentName.startsWith('Icon')) {
            return { name: componentName.slice(4), from: '@icon-park/vue-next' }
          }
        }
      ]
    })
  ],
  resolve: {
    alias: {
      '@': join(__dirname, '/src'),
      path: 'path-browserify'
    }
  },
  build: {
    rollupOptions: {
      plugins: [
        terser({
          compress: {
            drop_console: true
          }
        })
      ]
    }
  },
  base: './',
  server: {
    port: 5678,
    host: true
  }
})

这是我现在的vite.config.js