import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
import { loadEnv, ConfigEnv, UserConfigExport } from 'vite'
import { warpperEnv } from './build'
import legacy from '@vitejs/plugin-legacy'

import { createSvg } from './src/components/svg/config'

const pathResolve = (dir: string): any => {
  return resolve(__dirname, '.', dir)
}

// 当前执行node命令时文件夹的地址（工作目录）
const root: string = process.cwd()

const alias: Record<string, string> = {
  // 路径别名
  '@': pathResolve('src')
}

// https://vitejs.dev/config/
export default ({ mode }: ConfigEnv): UserConfigExport => {
  const { VITE_PORT, VITE_LEGACY, VITE_PUBLIC_PATH, VITE_PROXY_DOMAIN, VITE_BASE_URL } = warpperEnv(
    loadEnv(mode, root)
  )
  return {
    base: VITE_PUBLIC_PATH,
    root,
    resolve: {
      alias
    },
    server: {
      port: VITE_PORT, // 类型: number 指定服务器端口;
      host: '0.0.0.0',
      open: true, // 类型 boolean | string在服务器启动时自动在浏览器中打开应用程序；
      proxy:
        VITE_BASE_URL.length > 0
          ? {
              [VITE_PROXY_DOMAIN]: {
                target: VITE_BASE_URL,
                // ws: true,
                changeOrigin: true
                // rewrite: (path: string) => regExps(path, VITE_PROXY_DOMAIN)// 路由重写
              }
            }
          : undefined
    },
    build: {
      target: 'modules',
      outDir: 'dist', //指定输出路径
      assetsDir: 'assets', // 指定生成静态资源的存放路径
      terserOptions: {
        compress: {
          drop_console: true, // 生产环境关闭 console
          drop_debugger: true // 生产环境关闭 debugger
        }
      },
      /* 
        现在版本的element-puls使用了代码混淆后，会出现 @echarts 警告
        先关闭代码混淆
      */
      minify: false // 混淆器，terser构建后文件体积更小
    },
    css: {
      preprocessorOptions: {
        // 引入全局scss
        scss: {
          charset: false,
          // additionalData: '@use "./src/assets/style/common.scss" as *;'
          additionalData: `@import "@/assets/style/common.scss";`
        }
      }
    },
    plugins: [
      // 配置需要使用的插件列表，这里将vue添加进去
      vue(),
      createSvg('./src/assets/svg/'),
      // 是否为打包后的文件提供传统浏览器兼容性支持
      VITE_LEGACY
        ? legacy({
            targets: ['ie >= 11'],
            additionalLegacyPolyfills: ['regenerator-runtime/runtime']
          })
        : null
    ]
  }
}