Как создать сайт и запустить его на живом сервере с помощью Angular cli

У меня есть сайт Angular 2 SPA. Я хочу запустить тесты e2e в Teamcity. Я хочу знать, как создать и запустить сайт на живом сервере без часов. ng serve создает, запускает и просматривает живой сайт, который вызывает проблемы в Teamcity (консоль остается открытой)

Я хотел бы запустить его на локальном хосте, так как команда ng serve делает это без опции просмотра


person shiva    schedule 07.12.2016    source источник


Ответы (3)


ng build --prod создаст и упакует все в папку dist.

Вы можете разместить этот контент на любом веб-сервере.

person slaesh    schedule 07.12.2016
comment
Я не хочу его размещать, я хочу запустить его на локальном хосте, как это делает ng serve, не глядя - person shiva; 07.12.2016
comment
Вы даже можете разместить его на своем локальном хосте .. используя любой инструмент, который вам нравится :) все остальные ответы, вероятно, такие же .. не знаю, почему понизить голос .. - person slaesh; 07.12.2016

В вашем терминале cd в папку проекта Angular 2. Запустите ng build --prod, чтобы скомпилировать исходники. Эта команда создаст каталог dist в корневом каталоге вашего проекта, это единственная папка, которая вам понадобится для запуска вашего проекта Angular 2 в производстве. Если вы используете NGINX, вы можете настроить домен так, чтобы он указывал на этот каталог и иметь файл index.html в качестве его индекса. Вам также нужно будет перенаправить все вложенные URL-адреса на index.html, поскольку Angular 2 будет обрабатывать ошибки 404. Аналогичная концепция, если вы используете Apache.

person borislemke    schedule 07.12.2016

С угловым cli:

ng build -p

создаст ваше приложение для производства.

ng build -p --aot

создаст ваше приложение для производства и будет использовать компилятор Ahead Of Time для более легкого приложения.

person Ploppy    schedule 07.12.2016
comment
он также запускает сайт на локальном хосте, как это делает ng serve? также я получаю 0% компиляции компилятора.AnimationParser не является ошибкой конструктора, запускающего упомянутый вами скрипт. - person shiva; 07.12.2016
comment
Вы можете легко запустить это встроенное приложение на любом локальном или удаленном сервере, которым вы владеете, просто скопируйте встроенное приложение, которое находится в папке /dist проекта вашего приложения. Вы можете использовать в качестве примера «lite-server» для запуска приложения на локальном хосте: github.com/johnpapa/lite -сервер - person Ploppy; 07.12.2016