vue3 + TS + antdv 必要配置

1. less 变量

// vite.config.ts 中
 css: {
    preprocessorOptions: {
      less: {
        additionalData: `@import './src/assets/style/theme.less';`,
        javascriptEnabled: true
      }
    }
  },

2. 为自定义全局属性添加类型

// 在 src 新建 shim.d.ts 文件
import dayjs from 'dayjs'

declare module 'vue' {
  interface ComponentCustomProperties {
    $dayjs: typeof dayjs
  }
}

3. 覆盖默认主题

// 在 assets 下新建 theme.less 并在 main.ts 中导入
@import 'ant-design-vue/dist/antd.less'; // 引入官方提供的 less 样式入口文件

@primary-color: #b42fe9; // 覆盖全局主色