import { defineConfig } from 'vite'
import Vue from '@vitejs/plugin-vue'
import Pages from 'vite-plugin-pages'
import Icons from 'unplugin-icons/vite'
import IconsResolver from 'unplugin-icons/resolver'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import ElementPlus from 'unplugin-element-plus/vite'
import WindiCSS from 'vite-plugin-windicss'
import * as path from 'path'

export default defineConfig({
  plugins: [
    Vue(),
    Pages(),
    Components({
			dts: true,
      resolvers: [
        IconsResolver({}),
				ElementPlusResolver(),
      ],
    }),
    Icons(),
    WindiCSS(),
		ElementPlus({}),
  ],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },
  server: {
    host: '0.0.0.0',
    port: 8081,
    fs: {
      strict: true,
    },
    open: true,
    proxy: {
    },
  },
  optimizeDeps: {
    include: [
      'vue',
      'vue-router',
      '@vueuse/core',
    ],
  },
  build: {
    // ...其他配置
    rollupOptions: {
      output: {
        manualChunks:(id) => {
          // 将pinia的全局库实例打包进vendor，避免和页面一起打包造成资源重复引入
          if (id.includes(path.resolve(__dirname, '/src/store/index.ts'))) {
            return 'vendor'
          }
        },
      },
    },
  },
})