Подключение React к Node.js / Express

Question

Я играю с React и Node.js / Express по отдельности. Есть два файла:

1. React (встроенный в HTML / JS) файл

<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

Node.js / Express серверная часть (с установленными необходимыми npm)

var express = require('express');
var app = express();

Они работают независимо, но сейчас я пытаюсь соединить их, так что end может обслуживать stati c файлы для внешнего интерфейса. Я искал в Интернете инструкции, но большинство из них использует create-react-app для настройки приложения React, что не является моим намерением, поскольку я просто использую React для редактирования javascript (на данный момент).

Любая помощь в соединении двух? Нужно ли устанавливать больше npm, чтобы это работало? Спасибо.

Answer 1

create-react-app for реагирует на разработчиков и сразу же помогает команде создать приложение.

Теперь есть некоторые вещи, о которых вам нужно позаботиться. 1. Создайте файл webpack для создания файлов реакции и вывода его в папку. следовать этой статье 2. Отправьте эту папку вывода на express, следуйте этой статье

Answer 2

Вы можете обслуживать файлы c самим сервером express. Поместите ваши js и html в имя каталога public и скажите express, чтобы он обслуживал stati c файлы из этого каталога:

public/
   index.html
   app.js
index.js  // NodeJs

const app = express();

app.use(express.static('public'));