如何使用customize-cra覆盖antd-mobile的默认样式

Question

问题描述

使用customize-cra覆盖antd-mobile的默认样式

问题出现的环境背景及自己尝试过哪些方法

/*config-overrides.js*/
const { override, addLessLoader, fixBabelImports } = require('customize-cra');
module.exports = override(
  addLessLoader({
    strictMath: true,
    noIeCompat: true,
    javascriptEnabled: true,
    modifyVars: { "@brand-primary": "#3BBE64", "@hd": "1px"}
  }),
  fixBabelImports('import', { libraryName: 'antd-mobile', libraryDirectory: 'es', style: true }),
);

进一步描述

这样可以实现主题颜色的覆盖，但是所有的关于px的全部失效

你期待的结果是什么？

使用customize-cra实现主题颜色覆盖，但是不影响长、宽、padding、margin所有px相关失效