import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path from "path";
import { resolve, join } from "path";
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      "@": path.resolve("./src"), // @代替src
    },
  },
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import "./src/style/mixin.scss";`, // 此处全局的scss文件
      },
    },
  },
  server: {
    host: "0.0.0.0",
    port: 8866,
    // 是否开启 https
    // https: false,
    // 线上地址 https://chtech.ncjti.edu.cn/hotelReservation/pc3/
    // proxy: {
    //   "/api": {
    //     // target: "https://chtech.ncjti.edu.cn/hotelReservation",
    //     target: "http://101.42.162.31:8088/",
    //     changeOrigin: true,
    //     rewrite: (path) => path.replace(/^\/api/, ""),
    //   },
    // }, // https://chtech.ncjti.edu.cn/hotelReservation/pc2

    //
    proxy: {
      "/hotelReservation": {
        // target: "https://chtech.ncjti.edu.cn/hotelReservation",
        // target: "http://101.42.162.31/hotelReservation/", // 测试环境
        // target: "https://chtech.ncjti.edu.cn/hotelReservation/", // 正式环境
        target: "https://www.jinganrenjiams.com/hotelReservation/", // 正式环境
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/hotelReservation/, ""),
      },
    },
  },
  publicDir: "public",
  base: "./",
  // 打包配置
  build: {
    target: "modules", //设置最终构建的浏览器兼容目标  //es2015(编译成es5) | modules
    outDir: "dist", // 构建得包名  默认：dist
    assetsDir: "static", // 静态资源得存放路径文件名  assets
    sourcemap: false, //构建后是否生成 source map 文件
    // brotliSize: false, // 启用/禁用 brotli 压缩大小报告。 禁用该功能可能会提高大型项目的构建性能
    chunkSizeWarningLimit: 1000, //chunk 大小警告的限制（以 kbs 为单位）默认：500
    // cssTarget: 'chrome61' //防止 vite 将 rgba() 颜色转化为 #RGBA 十六进制符号的形式  (要兼容的场景是安卓微信中的 webview 时,它不支持 CSS 中的 #RGBA 十六进制颜色符号)
    rollupOptions: {
      input: {
        index: resolve(__dirname, "index.html"),
      },
      output: {
        manualChunks(id) {
          if (id.includes("node_modules")) {
            return id
              .toString()
              .split("node_modules/")[1]
              .split("/")[0]
              .toString();
          }
        },
        chunkFileNames: "static/js/[name]-[hash].js",
        entryFileNames: "static/js/[name]-[hash].js",
        assetFileNames: "static/[ext]/name-[hash].[ext]",
      },
    },
    minify: "terser", // 项目压缩 :boolean | 'terser' | 'esbuild'
    terserOptions: {
      // 生产环境移除console
      compress: {
        drop_console: true,
        drop_debugger: true,
      },
    },
  },
});
