React项目中能否将配置文件与忽略文件归类至根目录下的文件夹？

1. 支持自定义路径的工具配置（如ESLint、Prettier） #

ESLint、Prettier这类工具允许指定配置文件路径，你可以把它们移到根目录下的子文件夹（比如configs/），然后通过命令或配置指定路径：

• ESLint：修改package.json里的lint命令，指定配置文件和忽略文件的路径：

  "scripts": {
    "lint": "eslint . --config ./configs/.eslintrc --ignore-path ./configs/.eslintignore"
  }
  

• Prettier：同样修改格式化命令，或者直接在package.json里指定配置文件路径：

  "scripts": {
    "format": "prettier --write . --config ./configs/.prettierrc"
  }
  // 或者在package.json里添加这行
  "prettier": "./configs/.prettierrc"
  

2. 不能随意移动的特殊文件 #

有些工具会强制在根目录查找特定文件，移动后会失效：

• .gitignore：Git默认只读取根目录的.gitignore，虽然可以通过根目录的文件引入子文件夹的忽略规则，但操作反而更繁琐，没必要移动。
• package.json、lock文件：npm/yarn的核心依赖文件必须留在根目录，工具无法识别子文件夹里的版本。

3. 更简洁的替代方案：用package.json统一配置 #

如果只是想减少根目录的文件数量，可以把ESLint、Prettier的配置直接写进package.json里，比如：

{
  "eslintConfig": {
    "extends": ["react-app", "react-app/jest"],
    "rules": {
      "no-unused-vars": "warn"
    }
  },
  "prettier": {
    "singleQuote": true,
    "semi": false
  }
}

这样就能直接删除.eslintrc、.prettierrc这些单独的配置文件，让根目录更清爽。

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