为什么我应该为ReactJS创建单独的项目?

时间:2017-12-04 17:07:37

标签: node.js reactjs webpack babel create-react-app

我想在我的新网络应用程序中使用React作为前端,使用Express作为后端。

根据指南,我必须在项目目录中使用 create-react-app 工具创建子项目:

my-project
|-frontend
| |-package.json
| |-components
| | |-...
| | 
| |-...
|
|-backend
| |-api
| | |-...
| |-app.js
| |-...
|
|-package.json

开发时,我应该在不同的端口上启动两个服务器,用于后端和前端,以及代理请求到后端抛出 React 服务器。

这个计划对我来说非常难看。如何配置后端服务器以提供与 react-scripts 相同的功能,以避免为其使用单独的服务器

2 个答案:

答案 0 :(得分:3)

分离文件夹(用于后端和前端)将为您的项目提供更清晰,可扩展的结构。

在你的后端创建一个 package.json 文件并在脚本部分中创建:

case class TopNModel(mac: Long, tx: Int, rx: Int) extends Ordered[TopNModel] {
  import scala.math.Ordered.orderingToOrdered
  def compare(that: TopNModel): Int = (-(tx + rx), mac) compare (-(that.tx + that.rx), that.mac)
}

val result = rdd.sortBy(identity)

您可以在同一个脚本中运行这两个项目的方式:

安装 npm-run-all

"scripts": {
  "start": "node index.js"  // the command you use to run your project
}

然后在你的文件 my-project / package.json 中你应该有这样的东西:

$ npm install npm-run-all --save-dev

希望它有所帮助!

答案 1 :(得分:2)

将Front和Backend分开是好的, 它增加了可维护性  如果你想要,你可以作为根服务前端。而你所有的休息终点都在一台服务器上。