npm install自动安装Git钩子的原理及排查方法

核心原因 #

你的项目是通过husky（v0.14.3版本）实现npm install后自动生成Git钩子的，和你提到的tslint-react-hooks、react-hook-form无关。

实现原理 #

husky v0.x版本的工作逻辑：

• 执行npm install时，husky会触发自身的postinstall生命周期脚本，自动将预设的Git钩子文件复制到项目的.git/hooks目录，替换原本的示例钩子。
• 结合package.json中定义的precommit脚本和lint-staged配置，husky会把Git的pre-commit钩子与lint-staged关联起来，在你执行git commit时，自动运行代码格式化、lint修复等操作。

排查方向 #

• 查看钩子文件内容：打开.git/hooks下生成的钩子（比如pre-commit），里面会有指向husky的执行代码，直接确认husky的驱动作用。
• 核对package.json配置：检查scripts里的precommit字段和lint-staged配置，这是钩子触发后实际执行的任务逻辑。
• 观察npm安装日志：重新执行npm install，查看控制台中husky相关的输出，确认它是否完成了钩子安装步骤。
• 检查项目配置文件：查看根目录是否存在.huskyrc等husky相关配置文件，里面可能包含自定义钩子规则。
• 验证钩子触发效果：修改代码后执行git commit，看是否自动触发prettier、stylelint、tslint的修复操作，验证钩子功能是否正常。

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