import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from "path";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'),
    }
  },
  css: {
    // CSS 预处理器
    preprocessorOptions: {
      scss: {
        // 设置全局可用的css变量
        additionalData: `@import '@/assets/css/val.scss';`,
      }
    }
  },
  build: {
    rollupOptions: {
      // https://rollupjs.org/guide/en/#outputmanualchunks
      output: {
        // 把组件按组分块，实现路由懒加载
        manualChunks: {
          'index': [
            './src/pages/index',
          ],
          'member': [
            './src/pages/member',
          ]
        },
      },
    },
  },
  server: {
    host: '0.0.0.0',
    port: 999,
    open: true,
  }
})