理解 npm 脚本的生命周期钩子:pre、post 自动执行规则

64 阅读1分钟

在 npm 脚本里,你可能写过:

"scripts": {
  "predeploy": "npm run build",
  "deploy": "gh-pages -d build"
}

执行:

npm run deploy

你会发现 predeploy 自动执行,不需要手动调用。这是 npm 的内置规则。


1️⃣ npm 生命周期规则

  • pre<script>:在 <script> 前自动执行
  • <script>:主脚本
  • post<script>:在 <script> 后自动执行

例子:

"scripts": {
  "predeploy": "echo '准备构建'",
  "deploy": "echo '开始部署'",
  "postdeploy": "echo '部署完成'"
}

执行 npm run deploy 输出:

准备构建
开始部署
部署完成

顺序:pre → main → post


2️⃣ 优点

  • 自动化流程,一条命令搞定构建和部署
  • 减少手动操作,提高效率