Я дошел до конца с помощью учебника по React / Webpack / Babel, приведенного ниже, для существующего нереагирующего приложения nodejs express: https://www.valentinog.com/blog/react-webpack-babel/.
Поэтому моя текущая программа имеет тот же контекст после завершения урока.
Исходная программа работает так: nodejs index.js 3002 http://localhost:3001"
Если я запускаю его, то возникает проблема с этой строкой (index.js):
import FormContainer from "./js/components/container/FormContainer.jsx";, что имеет смысл, потому что это файл jsx.
Итак, вопрос в том, как я могу сказать Webpack запустить index.js, который создает сервер Express, компоненты React и показывает их в index.html?
Старт NPM: "start": "webpack-dev-server --open --mode development"
Исходя из этого поста Конфигурация Webpack в приложении React с экспрессом и babel кажется, что мне придется разделить их. Как в единственном месте import FormContainer from "./js/components/container/FormContainer.jsx"; в index.js и скопируйте мой старый код в другой файл, такой как myProgram.js, который не будет ссылаться на FormContainer.jsx.
При запуске сервера из myProgram.js перенаправьте вызовы на /dist/index.html при выполнении GET /. Если это правда, как это работает для нескольких .html страниц, потому что есть только index.html в /dist?