使用Yarn时Webpack无法执行编译后命令问题排查

API 探路者

2026-8-16

Yarn prod 执行异常问题排查

以下是可能的原因：

环境上下文差异：master分支执行yarn prod时的环境变量（如PATH）、工作目录和dev分支不一致。手动执行时用的是当前用户的shell环境，而yarn prod可能在不同的上下文（比如CI/CD环境、不同的shell）下运行，导致execSync无法正确找到npm或rtlcss的执行路径。
文件路径指向错误：__dirname在master分支的构建流程中指向的路径和dev分支不同，导致源CSS文件的路径错误，rtlcss找不到输入文件。虽然代码内容一致，但构建时的工作目录可能有差异（比如dev在项目根目录执行，master在子目录构建）。
依赖状态不一致：master分支的node_modules可能未更新，存在缓存的旧依赖版本，而dev分支是重新安装的最新依赖。rtlcss或其依赖的版本差异可能导致命令执行失败。
文件权限或写入问题：execSync在master分支的执行环境下没有足够权限写入目标RTL CSS文件，或者目标文件的父目录不存在。手动执行时是当前用户权限，所以可以正常写入。
构建时序问题：master分支的mix构建完成后，源CSS文件可能还未完全写入磁盘，execSync就立即执行rtlcss命令，导致文件找不到；dev分支的构建流程可能有隐含的等待逻辑，确保文件就绪后再执行后续命令。