如何访问其他同级文件夹的 package.json 或为 MERN 堆栈组织文件夹

Question

我目前是 MERN 堆栈和整个 nodejs 场景的新手。我只是想知道如何从同级目录中引用 package.json 文件。

So far, my organization of folders look like this

目前，我的后端 package.json 看起来像：

"name" : "backend",
"main" : "server.js",
"scripts": {
  "start" : "node server.js",
  "backend": "nodemon server.js" ,
  "frontend" : "npm run start --prefix client",
  "dev": "concurrently \"npm run backend\" \"npm run frontend\""
},
...
...
"dependencies": {
  "concurrently": "^5.1.0",
  "cors": "^2.8.5",
  "dotenv": "^8.2.0",
  "express": "^4.17.1",
  "mongoose": "^5.7.8",
  "nodemon": "^2.0.2"
 }
...

此外，我的前端 package.json 看起来像：

"name": "client",
 ...
 ...
 "dependencies": {
   "bootstrap": "^4.4.1",
   "react": "^16.11.0",
   "react-dom": "^16.11.0",
   "react-scripts": "3.2.0"
  },
"scripts": {
  "start": "react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject"
 },
 ...
 ...

我在这里要做的是进入客户端文件夹，然后运行 package.json 就可以了。有可能这样做吗？还是我的整个想法都错了？还是这种组织文件夹的方式不好，我应该采取不同的方式？

此外，我使用了这个 post：

寻找可能的解决方案，但它似乎对我不起作用。

Answer 1

当我第一次学习 MERN 堆栈时，我以相同的方式构建了我的文件结构。问题是：您的前端不应该是一个单独的实体。您似乎正在使用包 create-react-app，它运行是您的服务器，因此您可以专注于开发前端，但最终您打算运行构建脚本和它会给你静态文件从你的后端服务。所以你会使用

server.js:

app.use(express.static(__dirname + '/build'))

文件夹 'client' 中的命令行：

npm build

直接在'cue-card'

内拖动'build'

如何访问其他同级文件夹的 package.json 或为 MERN 堆栈组织文件夹

How to access other sibling folder's package.json or organize folders for MERN stack

javascript

node.js

reactjs

mern