Подключение Webpack с помощью Node Back-end

Question

Я создал хорошо работающую схему для React App, которую я запускаю локально. Я загрузил код в Github здесь: https://github.com/KingOfCramers/React-App-Boilerplate.

Я хочу обслуживать этот сервер React с использованием Node и Express (есть соответствующее руководство по freeCodeCamp). Однако я использую Webpack в своем интерфейсе, потому что я не хочу использовать команду create-react-app, которую они рекомендуют.

Вместо этого я использую npm run dev-server для локального запуска моего сервера. Вот как выглядит мой шаблонный пакет React-App Server package.json:

Answer 1

Разобрался, как это сделать, но все же есть вопросы. Шаги, в порядке я их сделал:

1. Добавьте папку сервера в корневой каталог проекта, добавьте к этому файл server.js.

2. Создайте экспресс-сервер в файле server.js. Установите его, чтобы использовать публичный путь. Вот мой:

   

Вот мои скрипты в файле package.json для приложения узла:

"scripts": {
    "serve": "live-server public/",
    "build": "webpack",
    "server": "node server/server.js",
    "dev-server": "webpack-dev-server"
  },

Когда я запускаю npm run build, я перестраиваю свое приложение с помощью Webpack. Когда я захочу развернуть его, я смогу запустить npm run server, который запускает команду моего узла server / serve.js.

Имеет ли это смысл? Буду ли я поддерживать маршрутизацию на стороне сервера и на стороне клиента независимо с этим параметром?