import { defineConfig } from 'vite'
import reactRefresh from '@vitejs/plugin-react-refresh'
import { getThemeVariables } from "antd/dist/theme";
import path from "path";
import postcsspxtoviewport from 'postcss-px-to-viewport'
import fs from "fs";
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [reactRefresh()],
  css: {
    postcss: {
      plugins: [
        postcsspxtoviewport({
          viewportUnit: "vw",
          fontViewportUnit: "vw",
          viewportWidth: 375,
          exclude: [/^(?!.*node_modules\/react-vant)/]
        }),
        postcsspxtoviewport({
          viewportUnit: "vw",
          fontViewportUnit: "vw",
          viewportWidth: 750,
          exclude: [/node_modules\/react-vant/i]
        })
      ]
    },
    preprocessorOptions: {

      // CSS 预处理器的配置
      less: {


        // less-loader 中开启 javascriptEnabled
        javascriptEnabled: true,
        // 使用 less 的 modifyVar 来覆盖 less 变量
        modifyVars: {
          // 配置暗黑主题
          ...getThemeVariables({
            dark: false
          }),
          ...{
            "primary-color": "#1DA57A",
            "link-color": "#1DA57A",
            "border-radius-base": "2px"
          }
        }
      }
    }
  },
  // 设置包引入的别名
  resolve: {
    alias: [{
      find: /^~/,
      replacement: path.resolve(__dirname, "src")
    }]
  },
  server: {
    host: "nbjk-h5.zzxcx.net",
    port: 443,
    https: {
      key: fs.readFileSync("./cert/nbjk-h5.zzxcx.net.key"),
      cert: fs.readFileSync("./cert/nbjk-h5.zzxcx.net.pem"),
    },
    // proxy: {
    //   '/api': {
    //     target: 'http://jsonplaceholder.typicode.com/',
    //     changeOrigin: true,
    //     rewrite: (path: string) => path.replace(/^\/api/, '')
    //   }
    // }
  }
})