husky v8 原理分析

cover.png

husky v8 原理分析

Features

  1. 零依赖和轻量级(6kB)
  2. 由现代的新 Git 特性(core.hooksPath)驱动
  3. 遵循 npm 和 yarn 关于自动安装的最佳实践
  4. 多环境支持
    1. macOS, Linux and Windows
    2. Git GUIs
    3. Monorepos
    4. Custom directories(自定义目录)

Usage

  1. 添加初始化脚本 package.json => scirpts.prepare
npm set-script prepare "husky install"
npm run prepare

prepare hook 执行时机有两个:

  1. 安装依赖(yarn install)时
  2. 发布包(yarn publish || yarn pack)时
  1. 添加钩子
npx husky add .husky/pre-commit "npm test"
git add .husky/pre-commit
  1. 创建一个提交,测试 pre-commit 钩子
git commit -m "test my commit"
# 每次提交将自动帮你运行 `npm test`

分析

install

初始化完成后,我们得到了一个 .husky 文件夹。

husky-dir.png

Husky 通过 install 命令告诉 Git 使用 .husky/ 作为 Git Hooks 目录。

// https://github.com/typicode/husky/blob/main/src/index.ts#L49
export function install(dir = ".husky"): void {
  // install 方法主要是用于初始化配置,设置Git Hooks目录,创建 .husky 文件夹,生成husky.sh文件
  // ...
  const { error } = git(["config", "core.hooksPath", dir]);
  if (error) {
    throw error;
  }
  // ...
}

add

Husky 通过 add 命令,生成生成 githook 文件。

// https://github.com/typicode/husky/blob/main/src/index.ts#L82

// 新增 or 更新githook文件,并添加cmd
export function add(file: string, cmd: string): void {
  // githook文件已存在,则进行 append
  if (fs.existsSync(file)) {
    fs.appendFileSync(file, `${cmd}\n`);
    l(`updated ${file}`);
  } else {
    // githook文件不存在,则调用 set 命令
    set(file, cmd);
  }
}

// 新增githook文件,并设置cmd
export function set(file: string, cmd: string): void {
  const dir = p.dirname(file);
  if (!fs.existsSync(dir)) {
    throw new Error(
      `can't create hook, ${dir} directory doesn't exist (try running husky install)`
    );
  }
  fs.writeFileSync(
    file,
    `#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"
${cmd}
`,
    { mode: 0o0755 }
  );
  l(`created ${file}`);
}

Test pre-commit

当我们使用 Git 进行提交时会执行 .husky/pre-commit 文件。

我们打开 pre-commit 文件:

# pre-commit

#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"

npm test
# npx --no-install lint-staged

首先执行了 husky.sh 文件:

# husky.sh
#!/usr/bin/env sh
# 判断环境变量 husky_skip_init 长度是否为0,为0则执行下面的内容
if [ -z "$husky_skip_init" ]; then
  # 声明 debug 函数,用来打印错误日志
  debug() {
    # "$HUSKY_DEBUG" = "1" 时打印
    echo "husky (debug) - $1"
    if [ "$HUSKY_DEBUG" = "1" ]; then
      echo "husky (debug) - $1"
    fi
  }

  # 声明一个只读参数,内容为 basename + hookname
  readonly hook_name="$(basename -- "$0")"
  debug "starting $hook_name..."

  # 判断环境变量 "$HUSKY" = "0" 是否成立,是则直接退出 (exit 0)
  if [ "$HUSKY" = "0" ]; then
    debug "HUSKY env variable is set to 0, skipping hook"
    exit 0
  fi

  # 判断 ~/.huskyrc 是否存在,存在的话直接执行
  if [ -f ~/.huskyrc ]; then
    debug "sourcing ~/.huskyrc"
    . ~/.huskyrc
  fi

  # 声明只读变量 husky_skip_init 并设置值为 1
  # sh -e "$0" "$@" => $0: shell文件名 $@: 所有参数列表 $?: 最后运行的命令的结束代码 => 再用 sh 执行一边当前脚本
  readonly husky_skip_init=1
  export husky_skip_init
  # debug "log $0" => .husky/pre-commit
  # debug "log $@" =>
  # debug "log $?" => 0
  sh -e "$0" "$@"
  exitCode="$?"

  # 当用户脚本返回错误时($exitCode != 0),打印当前的 hook 名称 + 退出码
  if [ $exitCode != 0 ]; then
    echo "husky - $hook_name hook exited with code $exitCode (error)"
  fi

  # 当退出码为 127 时,环境变量 PATH 配置有误,打印 command not found in PATH 提示
  if [ $exitCode = 127 ]; then
    echo "husky - command not found in PATH=$PATH"
  fi

  exit $exitCode
fi

可以看出 husky.sh 文件主要是完善报错机制,辅助后面的脚本运行的。

当我们进行 Git 提交的时候会运行我们配置的 .husky/pre-commit 钩子。

**至此,我们便可以很方便的在项目中添加/修改 githook,完成个性化配置。

结论

Husky 主要是帮助我们对 Git 命令进行封装,处理了多平台的差异,完善了报错机制,方便开发者使用。

彩蛋

  1. No verify
    You can bypass pre-commit and commit-msg hooks using Git -n/--no-verify option:

     git commit -m "yolo!" --no-verify
    

    For Git commands that don't have a --no-verify option, you can use HUSKY environment variable:

     HUSKY=0 git push # yolo!
    
  2. If you want to prevent husky from installing completely

     npm ci --omit=dev --ignore-scripts
     <!-- or -->
     npm set-script prepare ""
     npm ci --omit=dev
    
     <!-- 在ci、docker中禁用husky -->
     # .husky/pre-commit
     # ...
     [ -n "$CI" ] && exit 0
    
  3. test hooks

        # .husky/pre-commit
        # ...
        exit 1 # Commit will be aborted
  1. reset git hooks
        git config gitflow.path.hooks .git/hooks
  1. nvm,node,rbenv,pyenv... PATH not found
        # ~/.huskyrc
        # This loads nvm.sh and sets the correct PATH before running hook
        export NVM_DIR="$HOME/.nvm"
        [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

其他

husky docs
github
Why husky has dropped conventional JS config
lint-staged github

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容