如何在我的本地一起运行两个反应项目

Ank*_*ita 6 javascript frontend reactjs package.json yarnpkg

我的项目结构如下:

Projects --- package.json 
   |-------Project1 ---- package.json
   |-------Project2 ---- package.json
Run Code Online (Sandbox Code Playgroud)

如果我yarn start从运行cd Projects/Project1,project1 反应应用程序就会运行。

如果我yarn start从运行cd Projects/Project2,project2 React 应用程序就会运行。

为了从项目运行应用程序,我需要指定项目名称:例如:yarn start-Project1

我想使用yarn start 从最顶层的目录运行我的两个项目。我想在不同的端口上运行项目。

如果我将“项目”中的更改package.json为这个

"start": "cd Projects/Project1 && export PORT=3001 && cd ../Project2 && export PORT=3000 && react-scripts start",

这只是项目的运行。谢谢。

sud*_*ian 2

这是因为&&操作员按顺序运行命令,这意味着每个命令在前一个命令退出后运行。您的 Project1 不会退出,它只是在那里无限期地运行。

您需要并行运行这两个命令。一种方法是使用&而不是&&. &将在后台启动第一个命令,而不是等待它退出。

使用时应&注意操作顺序。您可以根据需要使用括号对顺序/并行命令进行分组。我认为这个命令可能适合你:

(cd Projects/Project1 && export PORT=3001) & (cd ../Project2 && export PORT=3000) & react-scripts start
Run Code Online (Sandbox Code Playgroud)