react中craco移动端适配

craco是一个用于自定义create-react-app配置的工具。在React中进行移动端适配，可以使用craco结合postcss-pxtorem插件来实现。首先，安装craco和postcss-pxtorem插件。然后，在项目根目录中创建一个craco.config.js文件，并添加以下配置代码：

const pxtorem = require('postcss-pxtorem');

module.exports = {
  style: {
    postcss: {
      plugins: [
        pxtorem({
          rootValue: 16, // 设计稿宽度 / 10
          propList: ['*'], // 需要转换的属性，*表示所有
          selectorBlackList: [], // 需要忽略的CSS选择器
        }),
      ],
    },
  },
};

在这个配置中，我们使用postcss-pxtorem将像素单位转换为rem单位。其中，rootValue表示设计稿的宽度除以10，propList表示需要转换的属性，selectorBlackList表示需要忽略的CSS选择器。

接下来，你可以在项目的package.json文件中修改scripts字段，添加以下配置：

"scripts": {
  "start": "craco start",
  "build": "craco build",  "test": "craco test",
  "eject": "react-scripts eject"
},

这样，你就可以使用craco来启动、构建和测试你的React应用。