vite.config.js

import mpa from 'vite-plugin-mpa';
import vue from '@vitejs/plugin-vue';
import * as path from 'path';
import vitePluginImp from 'vite-plugin-imp';
import { viteVConsole } from 'vite-plugin-vconsole';

// https://vitejs.dev/config/
export default ({ mode }) => {
  let plugins = [
    vue(),
    vitePluginImp({
      libList: [
        {
          libName: 'vant',
          style(name) {
            if (/CompWithoutStyleFile/i.test(name)) {
              // This will not import any style file
              return false;
            }
            return `vant/es/${name}/style/index.js`;
          },
        },
      ],
    }),
    mpa({
      open: '',
      scanDir: 'src/pages',
      scanFile: 'main.js',
      filename: 'index.html',
    }),
  ];

  if (mode !== 'release') {
    plugins = [
      ...plugins,
      viteVConsole({
        entry: path.resolve('src/app.js'),
        localEnabled: true,
        enabled: true,
      }),
    ];
  }

  return {
    optimizeDeps: {
      entries: 'vant/es/**/*.js',
    },
    plugins,
  };
};