如何在AWS Elastic Beanstalk上部署Django+React全栈应用？

我已经花了大量时间调试，成功在AWS Elastic Beanstalk上部署了全栈应用的Django后端部分，以下是我使用的.ebextensions目录下的配置文件：

option_settings:
    aws:elasticbeanstalk:application:environment:
        DJANGO_SETTINGS_MODULE: "waifu_database.settings"
        PYTHONPATH: "/opt/python/current/app/waifu_database:$PYTHONPATH"

    aws:elasticbeanstalk:container:python:
        WSGIPath: waifu_database.wsgi:application

现在我需要部署React前端部分。我知道前后端分开部署会更简单，但有没有办法通过npm安装所有依赖，把前端和Django后端一同部署？我试过相关方案，但部署时出现“Failed to deploy application”错误。

我的项目目录结构如下：

waifu_database
|- .ebextensions
|- .elasticbeanstalk
|- api
|- frontend
  |- node_modules/
  |- src/
  |- static/
  |- templates/
  |- package.json
|- waifu_database
  |- asgi.py
  |- settings.py
  |- urls.py
  |- wsgi.py
|- manage.py
|- requirements.txt

package.json文件内容：

{
  "name": "frontend",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack --mode production --watch",
    "build": "webpack --mode production"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.19.3",
    "@babel/preset-env": "^7.19.3",
    "@babel/preset-react": "^7.18.6",
    "babel-loader": "^8.2.5",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "webpack": "^5.74.0",
    "webpack-cli": "^4.10.0"
  },
  "dependencies": {
    "@babel/plugin-proposal-class-properties": "^7.18.6",
    "react-router-dom": "^6.4.2"
  }
}

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