React js项目的开发流程

Question

我们很快就会在React中开始新的项目。多个团队将在同一项目的不同模块上工作。我们有PHP项目的工作背景，我们过去经常在文件中进行更改，并使用FTP将其推送到开发服务器上。

但在react中，只要我们做了一行更改，我们就必须转换代码。如果一个开发人员在本地机器上工作，这不是问题，因为有任何可用的选项，比如Webpack的热重新加载。

团队如何在React应用程序上工作，而不是每次都将时间浪费在编译和构建应用程序上以查看操作中的更改？你能给我们推荐一些工具吗？我们也将使用AWS服务，这种情况下有没有可用的选项？

Answer 1

编译在每个开发人员的机器上本地运行。所以这并不是一个真正的问题。开发人员在他们的机器上运行环境，并运行您想要使用的任何转译器，以便在源文件上所做的每个更改也会创建编译后的文件。当他们想要“推送”更改时，他们只需将源文件上传到您的FTP服务器。

但在服务器上，您需要设置一个转译器(可能与您的开发人员使用的转译器相同)，以便每当FTP服务器接收到新代码时，它也会在文件上运行转译器。这是由转译器进程自动完成的，如果它被设置为这样做的话，而且它通常发生得非常快(缓慢的转译器过程很少见，除非你正在做一些非常特殊的事情)。

通常，当使用Git时(我建议您这样做)，每个开发人员都会在本地运行转译器，并只推送源文件上的更改。当需要在dev/staging服务器上进行“部署”时，他们只需运行一个命令来构建/转换所有内容，并推送一个编译文件，其中包含所有的源文件并“捆绑”在其中。然后，服务器只加载捆绑的文件，完全忽略源文件。

我建议你检查一下项目的https://github.com/facebookincubator/create-react-app，它反映了我最后一段，是非常容易有一个多开发环境运行和“推送”到Heroku或其他服务器。