如何配置Create React App在根目录生成文件而非创建src文件夹

首先明确结论：CRA 官方没有提供内置的命令行参数或配置项，能在初始化阶段直接实现「不创建src文件夹、源码文件直接输出到根目录」的效果，你可以通过以下两种方式实现目标：

• 方案1：初始化完成后手动调整结构（适配成本最低，无额外依赖）
  1. 先正常执行初始化命令创建项目：npx create-react-app 你的项目名
  2. 初始化完成后进入项目根目录，将src文件夹内的所有源码文件（入口文件、组件、样式文件等）全部移动到项目根目录
  3. 执行npm run eject暴露CRA内置的webpack、路径等配置（该操作不可逆，执行前确保项目不需要回退到CRA托管配置的状态）
  4. 找到配置目录下的paths.js文件，将其中appSrc字段的取值从resolveApp('src')修改为resolveApp('.')，让构建工具把根目录识别为源码目录
  5. 同步检查webpack配置中的入口路径、文件loader匹配规则，确保能正确识别根目录下的各类源码资源，删除空的src文件夹后重启开发服务，验证运行、构建流程正常即可。
• 方案2：自定义CRA模板实现一键初始化
  你可以提前按照自己的目录需求制作自定义CRA模板，模板内预先配置好根目录作为源码目录的相关规则、放好对应位置的初始源码文件，后续初始化项目时通过--template参数指定本地自定义模板的路径，就能直接生成符合你目录要求的项目，不用每次手动调整配置。

提醒：直接把源码放在项目根目录会提升后续配置维护的复杂度——根目录默认会存放依赖目录、lock文件、各类工程配置文件，很容易出现模块解析冲突、构建时误打包非源码文件的问题，常规开发场景更推荐保留src目录做源码和其他工程文件的隔离。

内容的提问来源于stack exchange，提问作者rehipex378