将 React 连接到节点。js/Express

Question

我正在分别使用 React 和 Node。js/Express。有两个文件：

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();

它们独立工作，但现在我正在尝试将两者连接起来，以便后端可以为前端提供静态文件。我一直在网上搜索说明，但大多数说明都使用 create-react-app 来设置 React App，这不是我的意图，因为我只是使用 React 进行 javascript 编辑（目前）。

关于连接两者的任何帮助？我需要安装更多 npm 才能工作吗？谢谢

Answer 1

您可以通过快递服务器本身提供静态文件。将您的 js 和 html 放入目录名称 public 并告诉 express 从该目录提供静态文件：

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

const app = express();

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

Answer 2

create-react-app 因为 React 对开发人员友好，可以立即帮助团队构建应用程序。

现在有些事情你需要处理。
1.create 用于构建反应文件并将其输出到文件夹的 webpack 文件。按照这个 article
2.Serve这个输出文件夹来表示，按照这个article

将 React 连接到节点。js/Express

Connecting React to Node.js/Express

node.js

express

reactjs

mern