aftermarket-h5/vite.config.ts

// import { createVitePlugins } from './build/vite/plugins';
import { resolve } from 'path';
import { ConfigEnv, UserConfig } from 'vite';
// import { wrapperEnv } from './build/utils';
import WindiCSS from 'vite-plugin-windicss';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { VantResolver, AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
import vue from '@vitejs/plugin-vue';
const pathResolve = (dir: string) => {
  return resolve(process.cwd(), '.', dir);
};

// https://vitejs.dev/config/
export default function (_: ConfigEnv): UserConfig {
  // const isProduction = command === 'build';
  const root = process.cwd();
  // const env = loadEnv(mode, root);
  // const viteEnv = wrapperEnv(env);

  return {
    base: './',
    root,
    resolve: {
      alias: [
        {
          find: 'vue-i18n',
          replacement: 'vue-i18n/dist/vue-i18n.cjs.js',
        },
        // /@/xxxx => src/xxxx
        {
          find: /\/@\//,
          replacement: pathResolve('src') + '/',
        },
        // /#/xxxx => types/xxxx
        {
          find: /\/#\//,
          replacement: pathResolve('types') + '/',
        },
      ],
    },
    server: {
      proxy: {
        '/service': {
          target: 'https://v4-uat.4dkankan.com/',
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, ''),
        },
      },
    },
    plugins: [
      vue(),
      WindiCSS(),
      // AutoImport({
      //   resolvers: [AntDesignVueResolver()], // api
      // }),
      Components({
        resolvers: [
          VantResolver(),
          AntDesignVueResolver({
            importStyle: false, // css in js
          }),
        ],
      }),
    ],
    build: {
      minify: 'terser',
      terserOptions: {
        compress: {
          //生产环境时移除console
          drop_console: false,
          drop_debugger: true,
        },
      },
    },
    css: {
      preprocessorOptions: {
        // scss: {
        //   // 配置 nutui 全局 scss 变量
        //   additionalData: `@import "vant/lib/index.css";`,
        //   scssOptions: {
        //     modifyVars: {
        //       'primary-color': 'red',
        //       'link-color': '#ff0000',
        //       'border-radius-base': '2px',
        //     },
        //     javascriptEnabled: true,
        //   },
        // },
        // css: {
        //   // 配置 nutui 全局 scss 变量
        //   additionalData: `@import "vant/lib/index.css";`,
        // },
      },
    },
  };
}