如何将React应用程序部署到Prod以及如何管理版本控制

Question

快速背景：我是一名java web开发人员。我在EAR中部署我的应用程序。我不熟悉构建过程如何适用于像ReactJS这样的新JS框架。我一直在使用WebPack作为构建工具，但只在dev中使用。我正在努力跟上不断增长的技术，因为我的公司正在慢慢适应它。

问题1

将React应用程序部署到prod app服务器（或任何服务器）时，构建过程如何工作？

• 我猜测Node必须安装在应用服务器上，并将WebPack作为全局安装的软件包安装，因此当应用程序准备好构建时，WebPack将在将创建的package.json文件中启动其构建脚本你的捆绑。

问题2

如果上面的^^有些正确，你如何启动WebPack构建脚本？

• 我的公司使用IBM的Rational Team Concert作为版本控制。 RTC使用Ant脚本作为它们的构建，所以我猜测因为我们有一个使用Gradle的Spring Boot API，我们可以告诉RTC中的Ant脚本运行Gradle脚本以便Spring API构建。在Gradle构建结束之前，Gradle可以启动将创建bundle.js的WebPack构建脚本。从那里你应该有一个完整功能的前端服务，就像你开发它时一样。

整个过程一直令人头疼，想要得到一些澄清，因为只有这么多我可以研究而不会把我所有的头发拉出来。我希望我有点接近这个过程的正确方法。

Answer 1

在新版本的webpack（＆gt; = 4）中为设置环境添加了新选项模式。有关更多信息，请阅读本教程 webpack conf for production

关于部署（ci，cd），构建之前需要webpack，构建之后你不需要任何js工具（SSR其他情况）。只需创建存档（project_ $ {branch_name} .zip）并上传一些商店，如gitlab，awsS3等，并在部署时下载。

如果可能拆分项目其他存储库，我建议不要将ui与后端混合。

Answer 2

请注意，RTC具有多个构建定义模板。 ANT只是其中之一。如果使用Jazz构建引擎，您还可以使用Maven构建模板和命令行。如果将其连接到Hudson / Jenkins以获得其构建功能，则也可以使用它们。