vite.config.ts

import { resolve } from 'path'
import { defineConfig } from 'vite'

import type { AliasOptions } from 'vite'
import vue from '@vitejs/plugin-vue'

import Unocss from 'unocss/vite'
import UnocssIcons from '@unocss/preset-icons'
import { presetAttributify, presetUno } from 'unocss'

import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

/* script setup 添加 name */
import vueSetupExtend from 'vite-plugin-vue-setup-extend-plus'

/* 设置别名 */
const alias: AliasOptions = {
  '@': resolve(__dirname, 'src'),
}

export default defineConfig({
  server: {
    host: '0.0.0.0',
  },
  resolve: {
    alias,
  },
  build: {
    // // 消除打包大小超过500kb警告
    chunkSizeWarningLimit: 1024,
    rollupOptions: {
      external: ['NProgress'],
    },
  },
  plugins: [
    vue(),
    Unocss({
      presets: [
        presetAttributify({
          /* preset options */
        }),
        presetUno(),
        UnocssIcons({
          prefix: 'i-',
          extraProperties: {
            display: 'inline-block',
          },
        }),
      ],
    }),
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
    vueSetupExtend(),
  ],
})