React Vite创建Amplify项目发布失败：缺失指定build目录

要让Vite生成Amplify默认识别的build目录，只需修改Vite的配置文件即可：

• 打开项目根目录下的vite.config.js（TypeScript项目为vite.config.ts）
• 在defineConfig配置对象中添加build字段，指定outDir为build：

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  build: {
    outDir: 'build'
  }
})

• 保存配置后重新执行npm run build，项目根目录会生成build目录，Amplify执行amplify push或amplify publish时就能正常识别构建产物。

备选方案：修改Amplify配置适配Vite默认目录 #

如果不想改动Vite的输出目录，也可以调整Amplify配置来读取Vite默认的dist目录：

• 打开项目根目录的amplify.yml文件
• 修改frontend.artifacts.baseDirectory的值为dist：

frontend:
  phases:
    build:
      commands:
        - npm run build
  artifacts:
    baseDirectory: dist
    files:
      - '**/*'

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