【踩坑】Pnpm 默认不执行 Pre/Post-Scripts

关键词

pnpm electron assar jenkins npmrc

问题背景

electron 桌面应用开发中,发现jenkins 打包的体积,总是比本地的体积要大。

通过比对文件大小,发现问题出现在app.asar。

问题排查

Step1: 解压jenkins 打包的asar

结果:发现assar中还有N个版本前的静态资源

Step2: 怀疑旧产物没有清除,排查jenkins 打包日志

日志中无执行rimraf的记录,也没有相关的报错,查看依赖nhode_modules中有正确rimraf。

执行完"husky" 直接跳过"prebuild",执行"build"

结果:排查此问题与jenkins docker无关,需进一步排查。

Step3: 对比本地打包步骤与jenkins 的差异

仔细对比发现差异:

本地:yarn run build

jenkins: pnpm run build

本地执行pnpm run build,问题复现。

结果:此问题与pnpm run 命令有关

问题根因

查阅官网相关资料,找到原因

pnpm.io/zh/cli/run#...

默认情况下, pnpm 不会任意执行用户定义的 hook,pre post (例如 prestart)。

这种从npm继承过来的习惯,会导致脚本执行是隐式的,而不是显式的,从而混淆了执行流程。 它还会导致意外执行 pnpm servepnpm preserve

解决方案

.npmrc 给项目全局开启 enable-pre-post-scripts

问题拓展

  1. pnpm 作为新一代的前端依赖管理器,在安全性&性能等方面做了很多改进。(例如禁止隐式依赖、禁止pre/post hook隐式调用...)

    在项目使用 pnpm 前,应该阅读pnpm 的官网,熟悉其特性。

  2. 本地开发执行命令,应该使用与项目相同的包管理器。(此案例,本地使用yarn,但项目使用pnpm。这个做法是不正确的)

    这边推荐咱们国人开发的开源依赖"@antfu/ni" 来执行本地命令;

    支持并通过.lock文件自动识别多种包管理器,并抹平不同管理器的语法。
    github.com/antfu/ni

相关推荐
LIO12 小时前
掌握 React useEffect:核心概念、使用技巧与常见陷阱
前端·react.js
XD74297163612 小时前
科技早报晚报|2026年5月12日:GUI Agent、编程会话工作台与 npm 安装门禁,今晚更值得做的 3 个技术机会
前端·科技·npm·供应链安全·ai agent·开发者工具
前端那点事12 小时前
Vue3 新趋势:10个高阶实用操作|性能优化+开发提效+避坑指南
前端·vue.js
small_white_robot12 小时前
idek-2022 web 全wp——持续更新
开发语言·前端·javascript·网络·安全·web安全·网络安全
漫游的渔夫12 小时前
从 if-else 乱麻到状态机:前端开发者该怎么理解多 Agent 协作?
前端·人工智能·typescript
前端那点事12 小时前
90%前端只会皮毛!JSON.parse/stringify高阶用法、数据规则、避坑终极指南
前端·vue.js
需要坚持的人12 小时前
让 SVG 不再“丢字变形”:一次思维导图导出文字转 Path 的实战优化
前端·vue.js·svg
sp4212 小时前
NativeScript 5.1:直接集成 Objective-C 代码
前端·javascript
UXbot13 小时前
AI一次生成iOS和Android双端原型功能详解
android·前端·ios·kotlin·交互·swift
我是卡卡啊13 小时前
View 绘制深度分析:HWUI · RenderThread · SurfaceFlinger
前端