import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import tailwindcss from "tailwindcss";
import autoprefixer from "autoprefixer";
import postcssRemToResponsivePixel from "postcss-rem-to-responsive-pixel";
import postcssWeappTailwindcssRename from "weapp-tailwindcss-webpack-plugin/postcss";
import vwt from "weapp-tailwindcss-webpack-plugin/vite";
import uniRouter from "unplugin-uni-router/vite";

const isH5 = process.env.UNI_PLATFORM === "h5";
const isApp = process.env.UNI_PLATFORM === "app";
const weappTailwindcssDisabled = isH5 || isApp;

const postcssPlugin = [autoprefixer(), tailwindcss()];
if (!weappTailwindcssDisabled) {
  postcssPlugin.push(
    postcssRemToResponsivePixel({
      rootValue: 32,
      propList: ["*"],
      transformUnit: "rpx",
    })
  );
  postcssPlugin.push(postcssWeappTailwindcssRename());
}

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    uni(),
    uniRouter({
      includes: ["style"],
    }),
    weappTailwindcssDisabled ? undefined : vwt(),
  ],
  css: {
    postcss: {
      plugins: postcssPlugin,
    },
  },
  server: {
    port: 8991,
  },
  base: "./",
});