通过单端口和双端口使用ReactJS和Express.js开发应用程序

Question

如何使用单端口和双端口使用ReactJS和Express.js开发应用程序？

使用单端口和双端口开发应用程序有什么好处？

有人可以向我解释吗？

Answer 1

要利用两个端口，您需要结合选择的代码捆绑器来进行 HotReload 。热重装将在保存代码时注入您的代码，因此您几乎可以立即看到所做操作的结果。它有助于加快开发速度。

一个流行的代码捆绑器是webpack dev server with hot module replacement。

但是我知道还有另外一个获得好评的parcel。我听说包裹比较容易安装和运行，学习曲线较低。

我个人使用webpack，并且有很多关于使用react进行设置的教程。

生产所需的只是一个端口，因为react应用将只是javascript文件。

因此，您的Express服务器将有一个端口，而在开发过程中，webpack开发服务器或您选择的开发服务器（无论是包裹还是其他）都将使用第二个端口。

希望这对您有所帮助。