Создание приложения среднего стека с угловым кли?

Question

Я новичок в Angular2.

Это статья мне следующее: https://scotch.io/tutorials/mean-app-with-angular-2-and-the-angular-cli

Tl; др: нг нового приложения, нг Serve, НАЯ установка экспресс и т.д., создавать файлы сервер, нг сборку и, наконец, узел express.js служить индекс. html from dist

Моя проблема с приложением в этой статье заключается в том, что он служит с dist, что означает, что мне нужно будет остановить сервер, запустить новую сборку и перезапустить сервер при каждом изменении, которое довольно громоздко от pov разработчика. Я хочу, чтобы мои изменения на стороне клиента отражались при каждом обновлении.

Может кто-нибудь указать мне в правильном направлении, чтобы достичь этого? Или дайте мне знать, как получить правильную архитектуру, даже если это означает начать с нуля.

PS: Я пытаюсь изменить этот пример, чтобы служить из разработки (src /), однако до сих пор не увенчался успехом. Браузер не может найти зависимости, показывает «загрузка ..» выдает такие ошибки, как «Система не определена» и «Синтаксическая ошибка» <.

Answer 1

Я понимаю вашу точку боли. Я видел этот учебник и его в какой-то степени, но, как вы сказали, нет сценариев автоматического обновления, написанных для изменений. Однако я решил создать свой собственный репозиторий для разработки проекта стека MEAN. Проверьте следующий URL-адрес, в котором я разместил мое приложение MEAN, включая

• браузера синхронизации
• глотка
• nodemon

https://github.com/darpanpathak/MEAN2-MarvelApp

Это хранилище поможет вам много для запуска приложения MEAN стека с angular2.

превью, если вы ищете то же самое.

Answer 2

Tl; др: нг новое приложение, нг служить, НПМ установки экспресс и т.д., создать сервер файлы, нг сборки и, наконец, узел express.js служить index.html из дист

Для сделайте webpack для просмотра изменений во время разработки, вам просто нужно добавить --watch при создании своего приложения. Таким образом, вы должны ввести что-то вроде этого в консольном терминале:

ng build --watch 

А затем запустить сервер:

node server.js 

Это должно работать.

Answer 3

Я столкнулся с этой проблемой, поэтому я написал небольшую заметку об этом. Подробное описание продукта here.

В целом, то, что сработало для меня, это использовать разные порты для сервера и клиента и настроить мою команду npm start для одновременного запуска клиента сервера &. У вас будет горячая перезагрузка (при изменении кода клиента он мгновенно обновит веб-браузер), и веб-страница вызовет ваш серверный API.

BTW, я не мог сделать ng build --watch, чтобы работать, поэтому мне пришлось подумать об этом обходном пути.