如何在AWS Amplify构建前修改包管理器，用NPM替代Yarn安装Web依赖

方案1：修改项目内amplify.yml配置（最稳定） #

Amplify默认会优先检测项目根目录的yarn.lock文件调用Yarn执行依赖安装，你可以直接覆盖构建阶段的默认命令强制使用NPM：

version: 1
frontend:
  phases:
    preBuild:
      commands:
        # 删除yarn.lock文件避免触发Yarn检测逻辑
        - rm -f yarn.lock
        # 用npm安装依赖，生产环境可添加--production参数跳过devDependencies
        - npm install
    build:
      commands:
        # 替换为你项目对应的npm构建命令
        - npm run build
  artifacts:
    # 替换为你项目实际的构建产物目录，React默认是build，Vue/Vite默认是dist
    baseDirectory: build
    files:
      - '**/*'
  cache:
    paths:
      # 替换缓存路径为npm相关，提升后续构建速度
      - node_modules/**/*
      - ~/.npm/**/*

将上述配置写入项目根目录的amplify.yml文件，提交到代码仓库后重新触发构建即可生效。

方案2：直接在Amplify控制台修改构建设置（无需改代码） #

如果不想修改项目内的配置文件，可以直接在控制台覆盖构建命令：

• 进入对应Amplify应用的控制台页面，点击左侧菜单栏的「构建设置」
• 下拉找到「构建镜像设置」板块，点击「编辑」按钮
• 在「预构建命令」输入框中填写：rm -f yarn.lock && npm install
• 在「构建命令」输入框中填写你项目对应的构建命令，例如npm run build
• 保存设置后重新触发构建即可

附加优化配置 #

你可以在Amplify控制台的「环境变量」页面添加如下变量，直接禁用Amplify的Yarn自动检测逻辑，避免偶发的检测失效问题：

• 变量名：DISABLE_YARN
• 变量值：true

注意事项 #

• 请确保你本地使用NPM安装依赖生成的package-lock.json已经提交到代码仓库，保证构建环境的依赖版本和本地一致
• 如果遇到缓存导致的依赖安装异常，触发构建时选择「清除缓存并构建」即可解决

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