npm scripts 构建流水线需分层组织、合理串联、可控执行：按 clean→lint→build:js→build:css→hash→copy 阶段拆解；善用 pre/post 钩子自动触发；用 &&/ & 或 npm-run-all 控制串行与并行；复杂逻辑抽离为 Node.js 脚本提升可维护性。
用 npm scripts 编排复杂构建流水线，核心不是堆砌命令，而是分层组织 + 合理串联 + 可控执行。它不依赖重型工具，靠的是 package.json 的 scripts 字段、npm 钩子机制、shell 控制符和轻量辅助工具的组合。
按阶段拆解任务，避免单脚本过长
把构建过程划分为逻辑清晰的阶段，比如 clean → lint → build:js → build:css → hash → copy，每个阶段对应一个独立 script。这样便于调试、复用和并行控制：
- clean：清空 dist、coverage 等临时目录，用 rimraf 或原生命令 rm -rf
- lint：并行检查 JS、CSS、JSON，可借助 npm-run-all 实现
- build:js / build:css：分别调用 webpack、postcss 等本地二进制，不写全局路径
- hash：对产出文件加内容哈希，重命名并更新引用（可用 gulp-hash 或自定义 Node 脚本）
善用 npm 钩子自动触发前置/后置动作
npm 原生支持 pre 和 post 钩子，无需额外配置就能形成执行链。例如定义 "build": "webpack"，npm 会自动查找并运行 prebuild 和 postbuild：
- prebuild：清理 dist、检查 Git 状态、生成版本号文件
- build：主构建逻辑，如 webpack --mode production
- postbuild：生成 sourcemap 验证报告、压缩图片、校验产物完整性
钩子让流程更声明式，也降低人为漏执行的风险。
用 && 和 & 控制串行与并行，必要时升级到 npm-run-all
基础场景下，&& 表示前一个成功才执行下一个，& 在类 Unix 系统中真正并行（Windows 下表现可能不一致）：
使用约定式提交（Conventional Commits）生成标准化的 Git 提交信息。适用于以下场景： (1) 暂存更改时需要提交信息； (2) 审查 diff 时希望获得结构化摘要； (3) 编写 PR 描述或变更日志（changelog）条目； (4) 用户明确要求“为本次更改编写提交信息”。 该功能会分析已暂存/未暂存的 diff，并生成按类型（type）划分范围的提交信息。
- 串行：npm run clean && npm run lint && npm run build
- 并行样式与脚本构建：npm-run-all build:js build:css —parallel
- 混合模式：先串行准备，再并行构建，最后串行收尾 — 可用 npm-run-all 的 --aggregate-output + 自定义选项实现
当任务数超过 4–5 个，或需错误容忍（continueOnError）、限流（maxParallel）、统一日志前缀（printName）时，npm-run-all 的 Node API 或 CLI 更可靠。
复杂逻辑抽离为 Node.js 脚本，保持可维护性
一旦 shell 命令变得难以阅读（比如条件判断、循环拷贝、动态路径拼接），就该用 Node.js 替代。用 shelljs + chalk 就能写出跨平台、带颜色、易调试的构建脚本：
- 新建 scripts/build.js，用 require('shelljs').cp() 替代 cp -r
- 读取 process.env.npm_package_version 获取当前版本号
- 在 package.json 中指向："build": "node scripts/build.js"
这种方式比长 shell 行更利于加注释、单元测试和团队协作，也方便后续接入 CI 环境变量或远程 API。
