解读

面试官问的是“如何在持续集成环境里把 Grunt 依赖缓存起来，避免每次流水线都重新 npm install”。国内公司普遍使用 GitLab CI、Jenkins、GitHub Actions 或云效，带宽成本、镜像源稳定性、构建时长直接影响迭代效率。回答时要兼顾“缓存位置 + 缓存键 + 失效策略 + 国内镜像源”四个维度，并给出可落地的 Grunt 项目配置片段，体现你对前端工程化与运维的双重理解。

知识点

1. npm 缓存机制：npm 会把下载的包缓存在本地 ~/.npm/_cacache，CI 里可整体目录挂载。
2. 缓存键（cache key）：以 lock 文件（package-lock.json 或 npm-shrinkwrap.json）的哈希值作为 key，lock 不变则缓存命中。
3. 缓存范围：
   • 项目级缓存：只缓存 node_modules，体积小、恢复快，但可能因平台差异出现二进制兼容问题。
   • 全局级缓存：缓存 ~/.npm/_cacache，体积大、首次慢，后续命中率高，适合国内镜像源不稳定场景。
4. 失效策略：lock 文件变动或每周强制失效一次，防止“幽灵依赖”累积。
5. 国内加速：在 CI 中显式设置 npm config set registry https://registry.npmmirror.com，并缓存该配置，避免每次重新定向。
6. Grunt 特有：Grunt 插件全部挂在 devDependencies，缓存命中后只需执行 npx grunt --version 验证，无需再次全量安装。

答案

以 GitLab CI 为例，给出一份可直接落地的 .gitlab-ci.yml 片段，演示如何缓存依赖并运行 Grunt 构建：

# 使用官方 Node 镜像，已预装 npm
image: node:16-alpine

variables:
  # 强制 npm 使用国内镜像
  NPM_CONFIG_REGISTRY: "https://registry.npmmirror.com"

# 缓存目录：node_modules + npm 全局缓存
cache:
  key: ${CI_COMMIT_REF_NAME}-${CI_PROJECT_ID}-npm-${HASH}
  paths:
    - node_modules/
    - .npm/
  policy: pull-push

stages:
  - install
  - build

# 计算 lock 文件哈希，作为缓存键的一部分
before_script:
  - export HASH=$(sha256sum package-lock.json | cut -d' ' -f1)

install_deps:
  stage: install
  script:
    - npm ci --cache .npm --prefer-offline
  only:
    changes:
      - package-lock.json
      - .gitlab-ci.yml

build:
  stage: build
  script:
    - npm ci --cache .npm --prefer-offline  # 若缓存命中，此步秒过
    - npx grunt prod
  artifacts:
    paths:
      - dist/

关键点说明

1. 缓存键使用 ${CI_COMMIT_REF_NAME}-${CI_PROJECT_ID}-npm-${HASH}，分支 + 项目 ID + lock 哈希 三重维度，确保不同分支隔离、同分支共享。
2. npm ci --prefer-offline 强制优先读缓存，命中时 3 秒内完成，未命中才走网络。
3. 单独 install_deps job 只在 lock 变化时运行，日常提交只跑 build 阶段，平均节省 60~90 秒。
4. 缓存目录同时包含 node_modules 与 .npm，兼顾二进制依赖与源码包，避免 node-sass、phantomjs 等编译型插件重新拉取。
5. 每周可在 CI 里加一条定时任务，主动清除缓存，防止历史包膨胀。

拓展思考

1. 多阶段构建：若项目还需跑单元测试与 ESLint，可把 install_deps 产物通过 artifacts 传递给后续 job，全程零重复安装。
2. Docker 层缓存：在 Jenkins 里使用 Dockerfile 多阶段构建，把 package*.json 单独 COPY 并 RUN npm ci，镜像层即缓存，适合私有集群。
3. pnpm 升级：若团队允许，可迁移到 pnpm，内容可寻址缓存体积更小，CI 内直接挂载 ~/.local/share/pnpm/store，命中率接近 100%。
4. 安全合规：国内金融、政务类项目要求离线环境，可预置私有 npm 仓库（Verdaccio），CI 缓存指向内网 registry，既加速又合规。