Typescript + webpack (с горячей перезагрузкой) + NodeJS

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

Я хотел бы иметь webpack в качестве связующего и использовать горячую перезагрузку, чтобы увидеть изменения на лету. Первоначально я использовал react-transform-boilerplate-ts, но проблема там - точка входа сервера разработки - это файл js. Я предполагаю, что это должно быть ts, потому что я хотел бы включить мою конфигурацию express и т.д.

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

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

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

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

Ответ 1

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

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

  • клиент (React) и сервер (typescript)

Проверьте!

  • Back-end использует NodeJs и ExpressJs (typescript)

Проверьте!

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

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

Ответ 2

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

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