config-overrides.js

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

// const bgColor = '#f2f6ff';
// const defaultColor = '#3E80FB';
// const hoverColor = '#145ce2';

const option = [
  // 添加热更新
  addBabelPlugin('react-hot-loader/babel'),
  addWebpackAlias({
    'react-dom': '@hot-loader/react-dom',
  }),
  // 按需加载
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: true,
  }),
  // 自定义主题加载less
  addLessLoader({
    javascriptEnabled: true,
    modifyVars: {
      // '@primary-color': defaultColor,
      '@border-radius-base': '2px',
      // '@link-hover-color': hoverColor,
      // '@btn-default-border': defaultColor,
      // '@btn-default-color': defaultColor,
      // '@table-row-hover-bg': bgColor,
      // '@item-hover-bg': bgColor,
      // '@menu-bg': bgColor,
    },
  }),
];

/* config-overrides-overrides.js */
module.exports = override(...option);