Как настроить сборку проекта?

Question

[Игорь Махов]

Есть небольшой проект на React и Express.js, вот структура каталогов:

сейчас происходит сборка только клиентской части (src/app) с помощью webpack. Если переписать сервер на typescript, то его тоже нужно будет собирать. Как лучше это сделать: с помощью webpack или прикрутить еще gulp?

Answer 1

[Александр]

Gulp при использовании вебпака окажется в качестве пятой ноги у собаки. Вебпак расширяется собственными плагинами аналогично галпу.

Comments

[Игорь Махов]

Webpack для сборки бэка это явно лишнее

Прям взаимоисключающие ответы).

[Александр]

Вы можете транспалить и напрямую, почему нет. Но в случае SSR вам понадобится вебпак на сервере. В своих личных проектах по этой причине я создаю 2 отдельных сервера: для SSR и API.

[Александр]

Вообще, в случаедостаточно больших по объему проектов, я бы порекомендовал объединить браузерную сборку + ssr в одном пакете, а сервер апи вынести отдельно. В частности, это решает иногда возникающую проблему совместимости используемых на сервере и клиенте зависимостей (в т.ч. неявных, от которых зависят используемые вами библиотеки). Особенно, если используется вебпак и там, там.

Answer 2

[twoone]

Да, все верно, в данном случае webpack будет лучшим решением. Почитайте о механизме мулти-конфигурации, которая позволяет запускать одновременно несколько конфигураций (в вашем случае это клиент и сервер конфигурации). К тому же стоит напомнить о необходимости в nodemon чтобы перезапускать сервер при изменении его файлов.

ts-node будет в самый раз для dev разработки исключительно одного сервера.