ant-design实现自定义主题

ant-design自定义主题

1、安装less

yarn add  less less-loader

2、修改config-overrides.js文件

const { override, fixBabelImports, addLessLoader } = require('customize-cra');

module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: true,
  }),
  addLessLoader({
    javascriptEnabled: true,
    // modifyVars: { '@primary-color': '#1DA57A' },//改变主题颜色
  }),
);

TypeError解决方法

TypeError: this.getOptions is not a function

原因： less-loader安装的版本过高
解决方案：

1.npm uninstall less-loader
2.npm install less-loader@5.0.0

成功解决😀。