如何仅针对代码变更部分运行ESLint?
解决方法
1. 调整lint-staged核心配置
你的问题根源在于lint-staged配置中调用了npm run lint,而这个脚本固定扫描整个./src目录,完全忽略了lint-staged传递的暂存文件列表。需要直接调用eslint命令,让它只检查本次提交的文件:
"lint-staged": { "*.{js,jsx}": "eslint" }
2. (可选)保留npm脚本的优化方案
如果习惯通过npm脚本调用eslint,可以修改lint脚本,去掉固定的./src路径,让它支持接收外部传入的文件路径:
"lint": "eslint", "lint-fix": "eslint --fix --color"
此时原有的lint-staged配置可以保持不变,脚本会自动使用lint-staged传递的暂存文件列表执行检查。
3. 验证配置有效性
修改后可以手动测试:
- 修改某个文件并执行
git add将其暂存 - 运行
npx lint-staged,此时终端应仅输出该暂存文件的错误(如果有的话),不会出现整个项目的旧错误
额外提示
如果仍有异常,检查项目根目录的.eslintrc配置是否设置了"root": true,避免读取全局ESLint配置导致规则冲突;同时确保husky和lint-staged的版本兼容(建议使用最新稳定版)。
内容的提问来源于stack exchange,提问作者Max Max
相关产品推荐
相关产品推荐

