{"id":6424,"date":"2023-01-03T16:48:19","date_gmt":"2023-01-03T08:48:19","guid":{"rendered":"https:\/\/i007.vip:15443\/wordpress\/?p=6424"},"modified":"2023-01-03T16:48:19","modified_gmt":"2023-01-03T08:48:19","slug":"%e6%96%b0%e7%89%88-husky-%e4%bd%bf%e7%94%a8","status":"publish","type":"post","link":"https:\/\/i007.cc\/wordpress\/archives\/6424","title":{"rendered":"\u65b0\u7248 husky \u4f7f\u7528"},"content":{"rendered":"
\n

\u539f\u6587\u5730\u5740<\/a><\/p>\n

\u00a0<\/p>\n

<\/i>\u77e5\u8bc6\u603b\u7ed3<\/a><\/i>2022-04-13<\/span><\/i>564<\/span><\/i>1<\/span><\/div>\n
git<\/a><\/div>\n
<\/i>\u00a016:19:01<\/div>\n<\/div>\n
\n

husky \u5728\u524d\u7aef\u5de5\u7a0b\u5316\u662f\u4e00\u4e2a\u5fc5\u4e0d\u53ef\u5c11\u7684\u5de5\u5177\uff0c\u7528\u4e8e\u5728\u9879\u76ee\u91cc\u6dfb\u52a0 git hooks\uff0c\u5728 commit \u524d\u6821\u9a8c\u4ee3\u7801\u89c4\u8303\u3001commit \u4fe1\u606f\u89c4\u8303\u7b49\u3002<\/p>\n

<\/a>v6 \u7248\u672c\u4e4b\u524d<\/h2>\n

\u5b89\u88c5\u76f8\u5173\u4f9d\u8d56<\/p>\n

yarn add -D husky lint-staged
\n<\/code><\/div>\n

\u7136\u540e\u5728\u00a0package.json<\/code>\u00a0\u76f4\u63a5\u914d\u7f6e<\/p>\n

{
\n \"husky\"<\/span>: {
\n \"hooks\"<\/span>: {
\n \"pre-commit\"<\/span>: \"lint-staged\"<\/span>,
\n \"commit-msg\"<\/span>: \"node scripts\/verify-commit-msg.js\"<\/span>
\n }
\n },
\n \"lint-staged\"<\/span>: {
\n \"*.{js,vue}\"<\/span>: [
\n \"npm run lint\"<\/span>,
\n \"git add\"<\/span>
\n ]
\n }
\n}
\n<\/code><\/div>\n

\u5728 scripts \u914d\u7f6e\u6821\u9a8c commit-msg \u7684\u811a\u672c\u00a0scripts\/verify-commit-msg.js<\/code><\/p>\n

v6 \u7248\u672c\u4ee5\u524d\u662f\u8fd9\u4e48\u914d\u7f6e\u7684\u3002<\/p>\n

<\/a>\u65b0\u7248\u5de5\u4f5c\u539f\u7406<\/h2>\n

v6 \u7248\u672c\u4e4b\u540e\u7684 husky \u7684\u914d\u7f6e\u65b9\u5f0f\u5168\u90e8\u90fd\u53d8\u4e86<\/p>\n

\u65b0\u7248\u5de5\u4f5c\u539f\u7406\uff1a<\/strong>
\n\u4f7f\u7528\u4e86\u4ece git 2.9 \u5f00\u59cb\u5f15\u5165\u7684\u4e00\u4e2a\u65b0\u529f\u80fd\u00a0core.hooksPath<\/code>\u3002core.hooksPath \u53ef\u4ee5\u8ba9\u4f60\u6307\u5b9a git hooks \u6240\u5728\u7684\u76ee\u5f55\u800c\u4e0d\u662f\u4f7f\u7528\u9ed8\u8ba4\u7684 .git\/hooks\/\u3002\u8fd9\u6837 husky \u53ef\u4ee5\u4f7f\u7528 husky install \u5c06 git hooks \u7684\u76ee\u5f55\u6307\u5b9a\u4e3a .husky\/\uff0c\u7136\u540e\u4f7f\u7528\u00a0husky add<\/code>\u00a0\u547d\u4ee4\u5411 .husky\/ \u4e2d\u6dfb\u52a0 hook\u3002\u901a\u8fc7\u8fd9\u79cd\u65b9\u5f0f\u6211\u4eec\u5c31\u53ef\u4ee5\u53ea\u6dfb\u52a0\u6211\u4eec\u9700\u8981\u7684\u00a0git hook<\/code>\uff0c\u800c\u4e14\u6240\u6709\u7684\u811a\u672c\u90fd\u4fdd\u5b58\u5728\u00a0.husky\/<\/code>\u00a0\u76ee\u5f55\u4e0b\uff0c\u56e0\u6b64\u4e5f\u5c31\u4e0d\u5b58\u5728\u540c\u6b65\u6587\u4ef6\u7684\u95ee\u9898\u4e86\u3002<\/p>\n

<\/a>\u65b0\u7248 husky \u5b9e\u8df5<\/h2>\n

1\u3001 precommit \u4f1a\u7528\u5230\u00a0lint-staged<\/code>\uff0c\u6240\u4ee5\u8fd8\u8981\u5b89\u88c5<\/p>\n

yarn add -D husky lint-staged
\n<\/code><\/div>\n

2\u3001\u5728 package.json \u6dfb\u52a0\u4e00\u4e2a\u00a0prepare script<\/code><\/p>\n

{
\n \"scripts\"<\/span>: {
\n \"prepare\"<\/span>: \"husky install\"<\/span>
\n }
\n}
\n<\/code><\/div>\n

3\u3001\u7136\u540e\u6267\u884c prepare<\/p>\n

yarn prepare
\n<\/code><\/div>\n

husky – Git hooks installed<\/p><\/blockquote>\n

\u5c31\u4f1a\u53d1\u73b0\u9879\u76ee\u6839\u76ee\u5f55\u589e\u52a0\u4e86\u4e00\u4e2a\u6587\u4ef6\u5939\u00a0.husky\/<\/code>\u00a0\u5e76\u6307\u5b9a\u8be5\u76ee\u5f55\u4e3a git hooks \u6240\u5728\u7684\u76ee\u5f55\u3002
\n\u800c prepare \u811a\u672c\u4f1a\u5728 npm install \/ yarn\uff08\u4e0d\u5e26\u53c2\u6570\uff09\u4e4b\u540e\u81ea\u52a8\u6267\u884c\uff0c\u4e5f\u5c31\u662f\u8bf4\u5f53\u6211\u4eec\u514b\u9686\u9879\u76ee\u5b89\u88c5\u5b8c\u4f9d\u8d56\u540e\u4f1a\u81ea\u52a8\u6267\u884c\u00a0husky install<\/code>\u00a0\u547d\u4ee4\u3002<\/p>\n

4\u3001\u6dfb\u52a0\u00a0pre-commit<\/code>\u00a0git hook<\/p>\n

npx husky add .husky\/pre-commit \"npx --no-install lint-staged\"<\/span>
\n<\/code><\/div>\n

\u53ef\u4ee5\u53d1\u73b0 .husky\/ \u76ee\u5f55\u4e0b\u65b0\u589e\u4e86 pre-commit \u811a\u672c\uff0c\u5185\u5bb9\u5982\u4e0b\uff1a<\/p>\n

#!\/bin\/sh<\/span>
\n. \"$(dirname \"$0\")<\/span>\/_\/husky.sh\"<\/span><\/p>\n

npx --no-install lint-staged
\n<\/code><\/div>\n

\u4e5f\u5c31\u662f\u5728\u6267\u884c git commit \u524d\u4f1a\u5148\u6267\u884c\u00a0pre-commit<\/code>\u00a0\u811a\u672c<\/p>\n

5\u3001\u4e0a\u9762\u5728 git commit \u524d\u4f1a\u6267\u884c\u00a0npx --no-install lint-staged<\/code>\uff0c\u8fd9\u4e00\u6b65\u9700\u8981\u914d\u7f6e lint-staged\u3002
\n\u5728\u9879\u76ee\u6839\u76ee\u5f55\u65b0\u5efa\u00a0.lintstagedrc.json<\/code>\uff0c\u914d\u7f6e\u5185\u5bb9\u8ddf\u4ee5\u524d\u5728 package.json \u4e00\u6837<\/p>\n

{
\n \"*.{js,jsx,vue,ts,tsx}\"<\/span>: [
\n \"eslint --fix\"<\/span>
\n ],
\n \"*.{vue,css,scss}\"<\/span>: [
\n \"stylelint --fix\"<\/span>
\n ]
\n}
\n<\/code><\/div>\n

\u8fd9\u6837\u5c31\u4f1a\u6267\u884c\u4ee3\u7801\u6821\u9a8c\u4e86<\/p>\n

6\u3001\u6dfb\u52a0\u00a0commit-msg<\/code>\u00a0git hook\uff0c\u6821\u9a8c\u6bcf\u6b21\u63d0\u4ea4\u7684\u4fe1\u606f\u89c4\u8303
\n\u4ee5\u524d\u5728 package.json \u914d\u7f6e\u7684 commit-msg \u662f\u8fd9\u6837<\/p>\n

{
\n \"husky\"<\/span>: {
\n \"hooks\"<\/span>: {
\n \"commit-msg\"<\/span>: \"node scripts\/verify-commit-msg.js --name=$HUSKY_GIT_PARAMS\"<\/span>
\n }
\n }
\n}
\n<\/code><\/div>\n

\u73b0\u5728\u65b0\u7248\u7684\u00a0$HUSKY_GIT_PARAMS<\/code>\u00a0\u53d8\u91cf\u5df2\u4e0d\u518d\u4f7f\u7528\uff0c\u53d6\u800c\u4ee3\u4e4b\u662f\u00a0$1<\/code>
\n\u6240\u4ee5\u914d\u7f6e\u00a0commit-msg<\/code>\u00a0\u811a\u672c\u5982\u4e0b<\/p>\n

#!\/bin\/sh<\/span>
\n. \"$(dirname \"<\/span>$0<\/span>\")\/_\/husky.sh\"<\/span><\/p>\n

# Previous HUSKY_GIT_PARAMS environment variable is replaced by native params $1, $2, etc.<\/span>
\nnode scripts\/verify-commit-msg.js --name=$1<\/span>
\n<\/code><\/div>\n

\u6b64\u65f6\u6dfb\u52a0\u4e86\u4e24\u4e2a\u811a\u672c
\n\"WechatIMG383.png\"<\/p>\n

\u518d\u914d\u7f6e\u6821\u9a8c\u811a\u672c\u00a0scripts\/verify-commit-msg.js<\/code><\/p>\n

const<\/span> chalk = require<\/span>('chalk'<\/span>)
\nconst<\/span> args = require<\/span>('minimist'<\/span>)(process.argv.slice(2<\/span>))
\nconst<\/span> msgPath = args['name'<\/span>]
\nconst<\/span> msg = require<\/span>('fs'<\/span>)
\n .readFileSync(msgPath, 'utf-8'<\/span>)
\n .trim()<\/p>\n

const<\/span> commitRE = \/^(revert: )?(feat|fix|polish|docs|style|refactor|perf|test|workflow|ci|chore|types|build)((.+))?: .{1,50}\/<\/span><\/p>\n

if<\/span> (!commitRE.test(msg)) {
\n console<\/span>.log()
\n console<\/span>.error(
\n ` ${chalk.bgRed.white(' ERROR ')}<\/span> ${chalk.red(
\n `invalid commit message format.`
\n )}<\/span>nn`<\/span> +
\n chalk.red(
\n ` Proper commit message format is required for automated changelog generation. Examples:nn`<\/span>
\n ) +
\n ` ${chalk.green(`feat(compiler): add 'comments' option`)}<\/span>n`<\/span> +
\n ` ${chalk.green(
\n `fix(v-model): handle events on blur (close #28)`
\n )}<\/span>nn`<\/span> +
\n chalk.red(
\n ` You can also use ${chalk.cyan(
\n `git cz`
\n )}<\/span> to interactively generate a commit message.n`<\/span>
\n )
\n )
\n process.exit(1<\/span>)
\n}
\n<\/code><\/div>\n

\u5927\u529f\u544a\u6210\uff0c\u6267\u884c\u4e00\u6b21 commit\uff0c\u53ef\u4ee5\u770b\u5230\u94a9\u5b50\u6267\u884c\u8fc7\u7a0b<\/p>\n

\"WechatIMG381.png\"<\/p>\n<\/div>\n

\n
\n

\u672c\u6587\u7531\u00a0Krry<\/a>\u00a0\u521b\u4f5c\uff0c\u8f6c\u8f7d\u8bf7\u6ce8\u660e\u6765\u6e90<\/p>\n

\u6700\u540e\u7f16\u8f91\u65f6\u95f4\uff1a2022-05-24 17:22:12<\/p>\n<\/div>\n

\u4e0a\u4e00\u7bc7<\/span>|<\/span>\u4e0b\u4e00\u7bc7<\/span><\/div>\n
<\/div>\n<\/div>\n
\n
<\/i><\/div>\n
<\/i><\/div>\n<\/div>\n