import { defineConfig, loadEnv } from 'vite';
import path from 'path';
import uni from '@dcloudio/vite-plugin-uni';

// start 引入tailwindcss增加的配置0
import { UnifiedViteWeappTailwindcssPlugin as uvwt } from 'weapp-tailwindcss/vite';
// 注意： 打包成 h5 和 app 都不需要开启插件配置
const isH5 = process.env.UNI_PLATFORM === 'h5';
const isApp = process.env.UNI_PLATFORM === 'app';
const WeappTailwindcssDisabled = isH5 || isApp;

const resolve = (p) => {
  return path.resolve(__dirname, p);
};

export default defineConfig(({ command, mode }) => {
  // 根据当前工作目录中的 `mode` 加载 .env 文件
  // 设置第三个参数为 '' 来加载所有环境变量，而不管是否有 `VITE_` 前缀。
  const env = loadEnv(mode, process.cwd(), '');
  return {
    // vite 配置
    base: './',
    define: {},
    resolve: {
      alias: {
        '@': '/pages',
      },
    },
    server: {
      proxy: {
        '/sale': {
          target: process.env.VITE_APP_BASE_URL,
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/sale/, '/'),
        },
      },
    },
    plugins: [
      uni(),
      // 引入tailwindcss增加的配置plugins
      uvwt({
        rem2rpx: true,
        disabled: WeappTailwindcssDisabled,
        // 由于 hbuilderx 会改变 process.cwd 所以这里必须传入当前目录的绝对路径
        tailwindcssBasedir: __dirname,
      }),
    ],
    // 引入tailwindcss增加的配置postcss
    css: {
      postcss: {
        plugins: [
          require('tailwindcss')({
            // 注意此处，手动传入你 `tailwind.config.js` 的绝对路径
            config: resolve('./tailwind.config.js'),
          }),
          require('autoprefixer'),
        ],
      },
    },
    ssr: {
      format: 'cjs', //esm,cjs即将在vite5移除
    },
  };
});