Antd 主题定制

https://ant.design/docs/react/customize-theme-cn

安装

// npm
npm install antd-to-zanui --save-dev

// yarn
yarn add antd-to-zanui

webpack.config.js 配合 less-loader 使用

var vars = require('antd-to-zanui/dist/vars);

// 其他内容参考antd文档: https://ant.design/docs/react/customize-theme-cn
{
  loader: 'less-loader', // compiles Less to CSS
  options: {
    lessOptions: {
      // 如果使用less-loader@5，请移除 lessOptions 这一级直接配置选项。
      modifyVars: vars,
      javascriptEnabled: true,
    },
  },
}

在 less 文件中使用

@import 'antd/lib/style/themes/default.less';
@import 'antd/dist/antd.less'; // 引入官方提供的 less 样式入口文件
@import 'antd-to-zanui/dist/rewrite.less'; // 用于覆盖上面定义的变量