Как развернуть Django Serving React App на AWS Elastic Beanstalk?

После довольно длительной отладки мне, наконец, удалось успешно развернуть часть Django моего полнофункционального приложения на AWS Elastic Beanstalk. Вот файл .config в .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? Я уже пробовал this но это просто дало мне ошибку "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"
  }
}

Вернуться на верх