Typescript + веб-пакет (с горячей перезагрузкой) + NodeJS

Question

Столкнулся с проблемой - настроить какой-то прототип проекта на основе TypeScript. Он содержит клиентские скрипты и серверную часть (NodeJ с ExpressJ).

Я хотел бы иметь веб-пакет в качестве пакета и использовать функцию горячей перезагрузки, чтобы увидеть изменения на лету. Изначально я использовал response-transform -ilerplate-ts, но проблема там - точкой входа сервера разработки является файл js. Я предполагаю, что это должно быть ts, потому что я хотел бы включить мою конфигурацию экспресс и т. Д.

Итак, есть ли у кого-нибудь хороший шаблон (следуя лучшим практикам в структуре проекта) для создания проекта, который содержит:

• клиент (React) и сервер (машинопись)
• Back-end использует NodeJs и ExpressJs (машинопись)
• клиент и сервер поддерживают горячую перезагрузку (как я понимаю, лучший выбор - это вариант веб-пакета для перезагрузки, а не задач, выполняемых при просмотре).

Или, может быть, вы могли бы дать мне хорошие советы, как правильно настроить такие вещи.

большое спасибо

Answer 1

Есть ли у кого-нибудь хороший шаблон (следуя лучшим практикам в структуре проекта) для создания проекта

Вот проект, который я открыл для себя: https://github.com/alm-tools/alm

• клиент (React) и сервер (машинопись)

Проверьте!

• Back-end использует NodeJs и ExpressJs (машинопись)

Проверьте!

• клиент и сервер поддерживают горячую перезагрузку

Проверьте! Вот следующие документы: https://github.com/alm-tools/alm/blob/master/docs/contributing/README.md#webpack

Answer 2

Недавно я выпустил код для своего приложения для управления проектами (nodejs / реагий + редукция / рендеринг сервера и т. Д.) - https://github.com/Brainfock/Brainfock Посмотрите его (доступна онлайн-демонстрация), надеюсь, вы найдете что-то полезное:

А именно, посмотрите конфигурацию webpack, чтобы получить хороший пример для вашего вопроса: https://github.com/Brainfock/Brainfock/tree/master/webpack (я не думаю, что код-вставка кода формы Github необходима)