最佳实践：使用 create-react-app 的客户端和服务器文件夹结构

Question

最近我使用 create-react-app 完成了一些带有 Node 后端和 React 前端的小项目。尽管我花了很多时间研究文件夹结构的最佳实践，但我一直无法在不必弹出 react 应用程序的情况下提出令人满意的解决方案。我想知道是否有我还没有找到的解决方案。

我试图针对的文件夹结构如下所示：

package.json
src/
   client/
     app.js
     ...
   server/
   index.js (node.js main file, could just as well be in server/)

这种布局允许我从根文件夹运行所有脚本，我可以将所有配置放在一个 package.json 中。例如，我希望能够npm test从根文件夹运行，然后使用 jest 运行客户端和服务器测试。

据我所知 create-react-app 是硬连线的，src/index.js在使用时期望 a npm start，这阻止我使用这个文件夹结构 - 如果我只是将 create-react-app 生成的所有样板移动到客户端文件夹中，我有一个丑陋的src/client/src文件夹再次包含它自己的 package.json。我想我可以以不同的方式拆分它，创建一个client/srcand server/src，但我仍然在每个目录中有单独的 package.json 文件。

很想听听您对此的经历，也许我错过了明显的解决方案。

Answer 1

   mainDir/
      app/
        src/
          index.js
        package.json
      api/
        src/
          index.js
        package.json

我遵循这种模式在微服务架构中开发应用程序。

此结构用于单一回购。

您还可以将前端和后端划分为不同的存储库。