Введение

• Angle-React-App — это система, предназначенная для создания одностраничных приложений на основе фреймворков Egg, React, TypeScript и Webpack. Здесь вы можете легко писать код для фронтенда и промежуточного слоя, не заботясь о сложных конфигурациях сборки.

Использование

• На данный момент пакет не доступен в виде npm-пакета, поэтому необходимо клонировать репозиторий локально для использования.

Разработка

• Сначала необходимо изменить поля name и hostPrefix в файле package.json, указав имя вашего проекта. Обратите внимание на поле hostPrefix: если оно не задано, по умолчанию используется значение angle. При последующих запросах к браузеру необходимо добавлять этот префикс, например: www.angle.com/angle/xxx.
• В процессе разработки вам понадобятся nginx и switch-host. Пожалуйста, заранее загрузите и установите их. Конфигурация следующая:
  • nginx:

    location /angle/ {
        proxy_pass http://127.0.0.1:13810/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
  • switch-host:

    127.0.0.1 www.angle.com
• Для добавления новых модулей фронтенда разместите их в папке client/modules и обязательно создайте файл index.tsx в качестве начального файла модуля.

Запуск

• npm i / npm install / yarn
• Режим разработки:
  • npm run start
• Производственный режим:
  • npm run build

Приглашение выпить чашку чая