1、装置插件

yarn add lib-flexible postcss-px2rem-exclude//这个插件也要下,不然的话启动我的项目的时候会报错yarn add react-app-rewire-postcss

2、批改config-overrides.js(如果没有就新建,在我的项目根目录) 在config-overrides.js文件里重写postcss,退出如下代码
这文件将antd-mobile的配置合并起来了,如果你用了antd-mobile的按需引入,那间接粘贴过来就ok,antd-mobile按需引入参照官网https://mobile.ant.design/doc...

const {    override,    fixBabelImports,    addWebpackAlias,    addDecoratorsLegacy,} = require("customize-cra");const path = require("path");const rewirePostcss = require("react-app-rewire-postcss");const px2rem = require("postcss-px2rem-exclude");module.exports = override(    fixBabelImports("import", {        libraryName: "antd-mobile",        style: "css",    }),    addWebpackAlias({        "@": path.resolve(__dirname, "src"),    }),    addDecoratorsLegacy(),    (config, env) => {        // 重写postcss        rewirePostcss(config, {            plugins: () => [                require("postcss-flexbugs-fixes"),                require("postcss-preset-env")({                    autoprefixer: {                        flexbox: "no-2009",                    },                    stage: 3,                }),                //要害:设置px2rem                px2rem({                    remUnit: 37.5,//这里最开始写的是75,然而antd的款式变的可小,查问后看人家设置的是37.5,而后试了下的确好了                    exclude: /node-modules/i,                }),            ],        });        return config;    });