vite2.0 + ant Design vue2.0按需加载和更换主题

由于 vite 本身已按需导入了组件库，因此仅样式不是按需导入的，因此只需按需导入样式即可。

import { defineConfig } from 'vite';
import reactRefresh from '@vitejs/plugin-react-refresh';
import vitePluginImp from 'vite-plugin-imp';
import path from 'path';

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        reactRefresh(),
        vitePluginImp({
            libList: [
                {
                    libName: 'antd',
                    style: (name: any) => `antd/es/${name}/style`,
                    libDirectory: 'es'
                }
            ]
        })
    ],
    base: './', // 设置打包路径
    resolve: {
        alias: {
            '@/': path.resolve(__dirname, './src'),
          
        }
    },
    css: {
        preprocessorOptions: {
            less: {
                modifyVars: {
                    // 更改主题在这里
                    'primary-color': '#048ea2',
                    'link-color': '#1DA57A',
                    'border-radius-base': '2px'
                },
                // 支持内联 JavaScript
                javascriptEnabled: true
            }
        },
        modules: {
            // 样式小驼峰转化,  css: goods-list => tsx: goodsList
            localsConvention: 'camelCase'
        }
    },
    build: {
        // 去除console
        terserOptions: {
            compress: {
                drop_console: true,
                drop_debugger: true
            }
        }
    },
    server: {
        host: '0.0.0.0',
        port: 4000, // 设置服务启动端口号
        open: true, // 设置服务启动时是否自动打开浏览器
        https: false,
        cors: true, // 允许跨域

    // 设置代理，根据我们项目实际情况配置
    proxy: {
     
    }
  }
});