Сборка Angular приложений и другие ресурсы

В финальной статье об Angular рассказывается, как создать полностью готовое приложение и предоставляются дополнительные ресурсы, которые помогут вам продолжить обучение

Необходимые условия: Понимание основ HTML, CSS, и JavaScript, знание терминала/командной строки
Цель: Изучить сборку Angular-приложения.

Сборка законченного приложения

Теперь, когда вы закончили разработку своего приложения, вы можете запустить команду Angular CLI build. Когда вы запускаете команду build в директории todo, ваше приложение компилируется в директорию с названием dist/.

В директории todo, выполните следующие команды:

bash
ng  build --prod

CLI компилирует приложение и помещает результат в директорию dist. Флаг --prod команды ng build избавляется от всего, что вам не нужно в продакшене.

Развертывание вашего прилоежния

Для развертывания вашего приложения вы можете скопировать содержимое папки dist/my-project-name на ваш веб-сервер. Поскольку это статичные файлы, вы можете разместить на любом веб-сервере способном обслуживать файлы, например:

  • Node.js
  • Java
  • .NET

Вы можете использовать любой бэкэнд, например Firebase, Google Cloud, или App Engine.

Что дальше

На этом этапе вы создали базовое приложение, но ваше путешествие с Angular только начинается. Вы можете узнать больше изучив документацию Angular, например:

  • Tour of Heroes: подробное руководство, в котором рассматриваются функции Angular, такие как использование сервисов, навигация и получение данных с сервера.
  • Руководство по Angular-компонентам: серия статей по таким темам как жизненный цикл, взаимодействие компонентов и инкапсуляция представлений.
  • Руководство по формам: статьи, которые проведут вас через создание реактивных форм в Angular, проверку ввода и построения динамических форм.

Резюме

На этом пока все. Надеемся, вам понравилось работать с Angular!

В это модуле