步驟2：vite.config.js配置：

// vite.config.js

import fs from 'node:fs';
import path from 'path';
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue2';
import {createStyleImportPlugin, VantResolve} from 'vite-plugin-style-import';

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        vue(),
        // 按需導入vant組件
        createStyleImportPlugin({
            // resolves: [VantResolve()]
            libs: [
                {
                    libraryName: 'vant',
                    esModule: true,
                    default:false,
                    resolveStyle: (name) => {
                        return `vant/es/${name}/style/less.js`;
                    }
                }
            ]
        })
    ],
    css: {
        devSourcemap: true,
        preprocessorOptions: {
            less: {
                javascriptEnabled: true,
                modifyVars: {
                    hack: `true; @import "${path.resolve(__dirname, './src/assets/css/自定義主題.less')}";`
                }
            }
        }
    },
    resolve: {
        // 以下別名必須設置，不然啟動報錯
        alias: [
            {
                find: /^~/,
                replacement: '',
            },{
                find: '@',
                replacement: path.resolve(__dirname, 'src'),
            },
        ]
    }
});