Node.js 如何在MERN中组织后端和前端的文件 struct

最基本的 struct 是一个root文件夹，其中包含frontend和backend个文件夹.既然你说的是MERN堆栈，那么在104后端环境中就有package.json，在106端就有package.json.后端服务器和前端客户端是两个完全不同的东西，所以是的，它们都有自己的 node 模块文件夹.在后端，你可能已经为你的 node 运行时安装了Express，为更方便地与你的MongoDB通话安装了Mongoose，等等.在前端，你将使用React作为前端框架，Redux用于状态管理，等等.此外，这取决于你已经在包中列出的内容.json文件，当您运行npm install separately时，它将安装在这两个文件夹中.如果你想安装额外的软件包，只需在需要它的特定文件夹(后端或/和前端)中运行npm install + "the name of the package"(不带"+"和引号).

我希望这是有帮助的.看看照片，尤其是第二张.

App structure

Folder structure

UPDATE:

在开发中，我建议安装两个额外的东西:

1. 100
2. 100

注:-D标志将安装为101.

100将跟踪每个文件更改，并为您重新启动后端服务器.所以，很明显，它应该安装在"backend"文件夹中.你所要做的就是进入package.json文件(后端)并添加一个新脚本.比如:

"scripts": {
"start": "node app.js",  // in production
"dev": "nodemon app.js", // in development
}

100允许您同时启动前端和后端.我建议在顶级root文件夹中初始化一个新的 node 项目-[包含前端和后端的文件夹].您可以使用npm init命令来实现这一点，然后在那里安装concurrently软件包.

现在，打开root文件夹中新创建的package.json文件，编辑开始部分，如下所示:

   "scripts": {
       "dev": "concurrently \"cd backend && npm run dev\" \"cd frontend && npm start\" "
   }

这将做的是进入backend文件夹并运行dev命令(the same one we just configured)，这样将启动nodemon.此外，它还将进入frontend文件夹并运行默认的start命令——这正是我们想要的.

如果您保持文件夹 struct ，安装了所有依赖项(包括我上面提到的另外两个)，更改了101文件夹中的package.json文件，则可以通过一个简单的命令启动这两个文件:

100//执行此操作时，请确保您位于根文件夹内:)