CentOS下不同用户执行Vue.js的npm run build结果不同的原因

这问题我之前帮同事排查过类似的，核心原因大概率是不同用户环境下的缓存、环境变量或依赖安装状态差异导致的，咱们一步步拆解：

1. 最可能的原因：NODE_ENV环境变量不一致 #

虽然npm run build默认应该以production模式构建，但有时候用户的shell配置（比如~/.bashrc或~/.zshrc）会覆盖这个环境变量。如果root用户的NODE_ENV被设成了development，webpack就会生成未压缩、保留调试信息的代码，文件自然会大很多。

验证方法：
分别在root和work用户下执行：

echo $NODE_ENV

如果root输出的是development而work是production，那就是这个问题了。解决的话，要么修改root的shell配置去掉NODE_ENV的设置，要么在构建命令里强制指定：

NODE_ENV=production npm run build

2. npm缓存或本地依赖的差异 #

虽然Node和npm版本号相同，但root和work用户的npm缓存目录是完全分开的：

• root用户的缓存默认在/root/.npm
• work用户的缓存在~work/.npm

如果其中一个用户的缓存里存的是未经过优化的依赖包（比如某个依赖的未压缩版本），或者本地node_modules目录因为权限问题安装不完整，都会导致打包结果不同。比如root用户安装依赖时可能因为权限过高，某些压缩相关的可选依赖没有正确安装，导致webpack无法启用最优压缩。

验证方法：
分别在两个用户下执行以下操作：

# 清除npm缓存
npm cache clean --force
# 删除本地依赖
rm -rf node_modules package-lock.json
# 重新安装依赖
npm install
# 重新构建
npm run build

做完后再对比vendor.js的大小，应该就一致了。

3. Node二进制文件的实际差异 #

虽然两个用户的Node版本显示都是v8.9.1，但路径不同（/bin/node vs /usr/local/bin/node）意味着它们可能是不同的安装包：

• /bin/node可能是CentOS系统自带的Node包
• /usr/local/bin/node可能是手动编译、通过nvm或其他方式安装的

系统自带的Node可能缺少某些编译选项（比如对UglifyJS压缩优化的支持），导致webpack在压缩代码时无法达到最优效果，生成的文件更大。

验证方法：
分别执行以下命令对比参数：

node --v8-options | grep -i "optimize"

如果两个Node的输出差异很大，那就是这个问题了，建议统一使用同一个Node版本（比如让root用户也使用/usr/local/bin/node）。

4. 项目目录权限导致的构建缓存差异 #

如果项目目录是root创建的，work用户可能没有写入权限，导致webpack的构建缓存目录（比如node_modules/.cache）无法正常工作。webpack会依赖缓存来复用之前的压缩结果，如果缓存不可用或者两个用户的缓存不同，也会导致最终文件大小差异。

解决方法：
把项目目录的所有权改成work用户：

chown -R work:work /path/to/your/vue-project

然后两个用户分别重新构建试试。

内容的提问来源于stack exchange，提问作者chanyying