请描述在 React 项目中集成 Sass 或 Less 预处理器的步骤，并说明其配置方式。

回答思路

1. 【回答框架 1】使用 create-react-app 创建的 React 项目，可通过安装 sass 包并直接导入 .scss 文件来支持 Sass；较新版本无需额外配置，自动识别 sass 或 node-sass。
2. 【回答框架 2】对于 Less，需要手动安装 less 和 less-loader，并在 webpack 或 craco 等配置中修改规则，添加对 .less 文件的处理。
3. 【关键点 1】create-react-app 内置支持 Sass，只需安装 sass 包。
4. 【关键点 2】Less 需要额外配置 less-loader。
5. 【关键点 3】配置文件修改可能需要弹出配置或使用 craco 等工具。
6. 【易错点 1】混淆 sass 和 node-sass 的安装与兼容性。
7. 【易错点 2】忽略 webpack 配置文件修改后需要重启开发服务器。