node.js - React Nodejs 项目中的多个 package.json 文件

Question

我是 React 新手，正在尝试创建一个使用 React、Node 和 Express 的项目。由于自己正确设置 React 时遇到很多问题，我决定使用 create-react-app。

我在网上找到了很多教程，其中很多似乎建议将前端和后端分离到不同的目录中，从而产生两个 package.json。

所以项目结构看起来像这样:

Root
|
------client
|       |
|       -------package.json with front end dependencies
|
package.json with the back end dependencies

客户端目录是使用“npm init react-app”创建的目录，还包含具有react-scripts的package.json。目前，如果我在客户端目录中使用命令“npm run build”，它会在根文件夹中创建一个没有后端文件的构建，如果我在根文件夹中使用“npm run build”，它将不起作用，因为我在该 package.json 中没有 create-react-app 脚本。

我的主要问题是，如果我有两个 package.json，并且像这样分割前端和后端是否是正常/最佳实践，我将如何构建我的项目？

如有任何建议，我们将不胜感激。

Answer 1

此文件夹结构是最常用的结构之一。实际上，您正在分离前端和后端，这将导致可扩展的架构。

要通过一个命令构建项目，您需要同时安装依赖项。它将同时启用多个命令。然后对根 package.json 进行更改。

下面是一个示例package.json:

"scripts" : {
     "build-client": "npm run build --prefix <FRONTEND_FOLDER NAME>",
     "build": "<YOUR SERVER BUILD COMMAND>",
     "build-project" : "concurrently \"npm run build\" \"npm run build-client\""
}

希望对你有帮助!!!