React中配置antd-mobile后less和px转rem失效的问题

在config-overrides.js中修改
需要添加的部分

const { override, fixBabelImports, addLessLoader, addPostcssPlugins  } = require('customize-cra');
module.exports = override(
     fixBabelImports('import', {
         libraryName: 'antd-mobile',
         style: 'css',
     }),

     addLessLoader({
        javascriptEnabled: true,
        modifyVars: { '@primary-color': '#1DA57A' },
    }),
    addPostcssPlugins([require('postcss-pxtorem')({
        rootValue: 37.5,
        propList: ['*']
        // propList: ['*', '!border*', '!font-size*', '!letter-spacing'],
        // propWhiteList: []
    }),])
 );

降低版本

npm install less-loader@5.0.0 -D
npm install postcss-pxtorem@5.1.1 -D

安装完成后重启项目

npm start