import path from 'path'
import uni from '@dcloudio/vite-plugin-uni';
import { defineConfig } from 'vite'
import AutoImport from 'unplugin-auto-import/vite'
import VueSetupExtend from 'vite-plugin-vue-setup-extend'
import PurgeIcons from 'vite-plugin-purge-icons';
import { UnifiedViteWeappTailwindcssPlugin } from 'weapp-tailwindcss-webpack-plugin/vite';
// 注意： 打包成 h5 和 app 都不需要开启插件配置
const isH5 = process.env.UNI_PLATFORM === 'h5';
const isApp = process.env.UNI_PLATFORM === 'app';
const WeappTailwindcssDisabled = isH5 || isApp;
const vitePlugins = [uni(),
VueSetupExtend(),
AutoImport({
  // 自动导入vue和uni-app中所有的api
  imports: ['vue', 'uni-app', 'pinia'],
  dts: true,
}),
PurgeIcons({
  /* PurgeIcons Options */
})]
const postcssPlugins = [require('autoprefixer')(), require('tailwindcss')(({ config: './tailwind.config.js' }))];
// postcss 插件配置
if (!WeappTailwindcssDisabled) {
  vitePlugins.push(UnifiedViteWeappTailwindcssPlugin({
    // appType: 'uni-app'
    // customReplaceDictionary: {
    //   '[': '_',
    //   ']': '_',
    //   '(': '_',
    //   ')': '-',
    // },
  }));
  postcssPlugins.push(
    require('postcss-rem-to-responsive-pixel')({
      rootValue: 32,
      propList: ['*'],
      transformUnit: 'rpx',
    })
  );
}

export default defineConfig({
  plugins: vitePlugins,
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
      '@img': path.resolve(__dirname, 'src/static/images'),
    }
  },
  css: {
    postcss: {
      plugins: postcssPlugins
    }
  },
  server: {
    port: 3000,
    host: true,
    // open: true,
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        rewrite: (p) => p.replace(/^\/dev-api/, '')
      }
    }
  }
})