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

// https://vitejs.dev/config/
export default defineConfig({
  build: {
    outDir: 'build' // 打包后文件包名稱
  },
  resolve: {
    alias: {
      // 如何 __dirname 找不到 需要 yarn add @types/node --save-dev
      '@': path.resolve(__dirname, 'src')  // 別名
    }
  },
  server: {
    open: true,
    port: 3005,
    host: '0.0.0.0' // 還要再package.json中也配置一下， 才能實現(xiàn)使用 ip 地址訪問啟動的服務
  },
  plugins: [
    vue()
  ],
  css: {
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
        // 這樣就能全局使用 src/assets/styles/base.less 定義的 變量
        additionalData:  `@import "${path.resolve(__dirname, 'src/assets/styles/base.less')}";`
      }
    }
  }
})