最佳做法：使用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运行客户端和服务器测试。

据我所知，在使用src/index.js时，create-react-app很难预期会有npm start，这使我无法使用此文件夹结构-如果我仅移动由...生成的所有样板将create-react-app放入客户端文件夹中时，我有一个难看的src/client/src文件夹，其中再次包含它自己的package.json。我想我可以进行不同的拆分，分别创建client/src和server/src，但是每个目录中仍然有单独的package.json文件。

很想听听您的经历，也许我错过了显而易见的解决方法。

Answer 1

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

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

您分别开发前端和后端，它们都有各自的依赖性，因此您可以更好地管理它们中的每个。