vite-plugin-ant-design

Quick support for AntDesign in your Vite project

Features

• Properly loads Ant Design .less files along javascript imports using vite-plugin-imp
• Enables you to pass a less config file to modify Ant Design variables using less-vars-to-js

Install

npm install --save-dev @mgcrea/vite-plugin-ant-design

Quickstart

// vite.config.ts
import antDesignPlugin from '@mgcrea/vite-plugin-ant-design';

export default defineConfig({
  plugins: [
    antDesignPlugin({
      lessVarsFile: 'src/config/antd.less',
      modifyVars: {
        '@primary-color': '#1DA57A',
      },
    }),
  ],
});