将 Webpack 与 Node 后端连接起来答案

【问题标题】：Hooking up Webpack with Node Back-end将 Webpack 与 Node 后端连接起来
【发布时间】：2018-05-02 15:28:09
【问题描述】：

我已经为我在本地运行的 React App 构建了一个功能良好的大纲。我已将代码上传到 Github：https://github.com/KingOfCramers/React-App-Boilerplate。

我想使用 Node 和 Express 为这个 React 服务器提供服务（freeCodeCamp 上有一个相关的tutorial）。但是，我在前端使用 Webpack，因为我不想使用他们推荐的 create-react-app 命令。

相反，我使用 npm run dev-server 在本地运行我的服务器。这是我的 React-App Server 样板 package.json 的样子：

【问题讨论】：

标签： javascript node.js reactjs webpack server

【解决方案1】：

想出了怎么做，但仍有疑问。步骤，按照我做的顺序：

在项目根目录下添加一个server文件夹，添加一个server.js文件。
在 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，它运行我的 node server/serve.js 命令。

这有意义吗？我是否会使用此设置独立维护服务器端和客户端路由？

【讨论】：

node server 可以独立运行，webpack 也可以。如果您想清除混乱，只需为客户端和服务器创建单独的文件夹，并为两者分别创建 package.json 。但这也是正确的。