Как компилировать Ангуляр на стороне Heroku?

Question

[Dmitry Shnyrev]

У меня проект Flask для бэкенда и Angular для фронтенда
Все это дело крутится на Heroku. На Heroku это работает как обычный python проект у которого уже в статик ресурсах лежит скомпилированный (с помощью ng build --prod) js бандл. JS собирается соотвественно на локальной машине перед деплоем на heroku.
Как можно сделать так, чтобы он собирался на стороне Heroku после деплоя. Я имею в виду как запускать ng build --prod на стороне heroku для python проекта.
Если встречали ссылки на статьи, поделитесь пожалуйста!

Comments

[Pavel Pikat]

Так то прод сервер не должен заниматься сборкой проектов. То, о чем вы говорите, называется build agent/machine и их огромное множество, как в облаке, так как self-hosted.

Я бы на вашем месте сразу смотрел в сторону CI/CD практик, когда весь pipeline проекта управляется через агента, который занимается сборкой, тестирование и деплоем.
Например Jenkins, Azure DevOps, Octopus, AppVeyor, GitLab и т.д.

Answer 1

[triopsidae]

Вам нужно добавить в package.json - postinstall скрипт с параметрами ng build --prod. Пример с вторым ангуляром: https://medium.com/@ryanchenkie_40935/angular-cli-...

Comments

[Dmitry Shnyrev]

Проблема в том что у меня бэкенд, а значит и основной проект Python, а не NodeJS. Поэтому в корне проект Pipfile. Но я проверил что будет если положить в корень Pipfile и package.json - ничего не получилось, НО! Heroku сам дал ответ что делать

Warning: Multiple default buildpacks reported the ability to handle this app. The first buildpack in the list below will be used.
remote: Detected buildpacks: Python,Node.js
See https://devcenter.heroku.com/articles/buildpacks#b...

По ходу надо ковырять Multipe Buildpacks

Answer 2

[Dmitry Shnyrev]

Дополняя предыдущий ответ - как подружить разные платформы в пределах одного heroku инстанса.
Using Multiple Buildpacks for an App
https://devcenter.heroku.com/articles/using-multip...