如何通过CodeDeploy在AWS EC2构建前端？webpack构建目录未生成求助

Hey, let's break down why your webpack build isn't generating the expected folder—this is a common hiccup with CodeDeploy scripts, so let's start with the most obvious fix first.

1. 修正BeforeInstall脚本语法（关键！） #

看一下你写的脚本：

#!/bin/bash cd /home/ec2-user/papirux/ sudo npm install sudo NODE_ENV='production' webpack -p

这个写法是错误的。当你把所有命令挤在同一行且没有分隔符时，bash不会把它们当作独立步骤执行：cd命令会错误地把/home/ec2-user/papirux/和sudo当成目录参数（这个失败会静默发生），后续的npm和webpack命令都会在原始工作目录执行，而不是你的papirux文件夹。

把脚本改成正确的多行格式，同时添加目录切换失败就退出的安全检查：

#!/bin/bash
# 切换到项目目录，失败则立即退出
cd /home/ec2-user/papirux/ || exit 1

# 安装依赖
sudo npm install

# 执行生产环境webpack构建
sudo NODE_ENV='production' webpack -p

2. 检查权限与工作目录问题 #

使用sudo时，命令是以root用户身份执行的，这可能带来两个问题：

• 如果工作目录没正确设置，webpack可能会在root的主目录生成构建文件，而不是/home/ec2-user/papirux/。
• root用户可能没有项目文件夹的写入权限。可以尝试在构建后添加sudo chown -R ec2-user:ec2-user /home/ec2-user/papirux/，或者调整脚本以ec2-user身份执行webpack（如果允许的话）。

3. 用日志排查问题 #

CodeDeploy在你的EC2实例上保留了详细日志，这是追踪静默失败的最佳方式：

• 查看CodeDeploy脚本日志：/opt/codedeploy-agent/deployment-root/<deployment-group-id>/<deployment-id>/logs/scripts.log
• 在脚本中添加详细日志输出，捕获构建过程：

  #!/bin/bash
  LOG_FILE="/tmp/deploy_debug.log"
  echo "部署开始于 $(date)" >> $LOG_FILE
  
  cd /home/ec2-user/papirux/ || { echo "切换到项目目录失败" >> $LOG_FILE; exit 1; }
  echo "成功进入项目目录" >> $LOG_FILE
  
  echo "开始执行npm install..." >> $LOG_FILE
  sudo npm install >> $LOG_FILE 2>&1
  echo "npm install执行完成，退出码: $?" >> $LOG_FILE
  
  echo "开始执行webpack构建..." >> $LOG_FILE
  sudo NODE_ENV='production' webpack -p >> $LOG_FILE 2>&1
  echo "webpack构建完成，退出码: $?" >> $LOG_FILE
  

  部署完成后，查看/tmp/deploy_debug.log，找是否有缺少webpack配置、依赖问题或权限拒绝这类错误信息。

4. 验证webpack配置与环境变量 #

• 仔细检查你的webpack.config.js，确保output.path设置正确。建议使用绝对路径（比如path.resolve(__dirname, 'dist')），避免因相对路径导致文件生成位置混乱。
• 确认webpack能读取到NODE_ENV变量。可以在配置文件中添加日志：

  console.log('当前NODE_ENV:', process.env.NODE_ENV);
  module.exports = { /* 你的配置内容 */ };
  

  如果输出不是production，可以调整变量设置方式（比如去掉引号，尝试sudo NODE_ENV=production webpack -p，某些shell环境下引号会导致问题）。

5. 使用项目本地的webpack而非全局版本 #

如果你是把webpack作为项目依赖安装（而非全局安装），直接用sudo webpack可能找不到命令。把webpack -p换成npx webpack -p，确保使用项目node_modules里的webpack版本：

sudo NODE_ENV='production' npx webpack -p

先从修正脚本语法开始试——十有八九这就是问题根源。如果还不行，就去日志里找构建失败的具体原因。

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