如何使用Webpack配置AWS代码构建

Question

我创建了一个AWS代码管道，它分四个阶段运行。1） 来自github的源代码，2）将后端部署到Elastic Beanstalk，3）使用Codebuild构建前端代码（使用下面的buildspec文件），以及4）将webpack的结果部署到S3。

到目前为止，除了第三阶段的结果外，一切都按预期进行。Codebuild似乎将工件设置为源文件，而不是webpack构建的结果。在bucket和文件夹中查找部署的代码时，我希望看到一系列js资产文件和清单。json。相反，我看到的是项目文件。我不太确定我在这里配置错了什么。

建筑规范。yml

version: 0.2

phases:
  install:
    runtime-versions:
      nodejs: 12
    commands:
      - echo Installing dependencies...
      - yarn
  build:
    commands:
      - echo Building project...
      - yarn build
  post_build:
    commands:
      - echo build completed on `date`

artifacts:
  files:
    - '**/*'

cache:
  paths:
    - '/root/.npm/**/*'
    - '/node_modules/'

Answer 1

经过几个小时的故障排除，我终于能够弄清楚到底发生了什么。

在项目上运行warn build，将所有内容绑定到/dist文件夹中。但是，artifacts行表示应该上传到S3的文件都是项目文件。因此，修复非常简单，只需将***更新为dist/***。