如何把原来的react-scripts修改为react-app-rewired

如果你使用的是create-react-app创建的React应用程序，想要替换掉默认的react-scripts为react-app-rewired，可以按照以下步骤进行操作：

1. 安装react-app-rewired和customize-cra：

   npm install react-app-rewired customize-cra --save-dev

2. 在项目根目录下创建一个 config-overrides.js 文件，这个文件是用来覆盖默认配置的。

3. 在 config-overrides.js 文件中引入 react-app-rewired 和 customize-cra：

   const { override, addLessLoader } = require('customize-cra');
   const rewiredConfig = require('react-app-rewired');

4. 使用 override 方法来覆盖默认配置，例如添加 less-loader：

   module.exports = override(
     addLessLoader()
   );

5. 修改 package.json 文件中的 scripts，将 react-scripts 替换为 react-app-rewired：

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

现在你已经成功地将默认的 react-scripts 替换为 react-app-rewired 了。你可以在 config-overrides.js 文件中添加更多的自定义配置，以满足你的需求。