如何并行运行多个 npm 脚本？

由于 npm 没有提供直接的方法来并行运行多个脚本，我们可以尝试通过以下方式提出解决方案：

在 Localhost 服务器上创建一个基本的 React App 项目，同时我们要运行项目的构建操作。现在我们可以做的是我们可以使用npm-run-all 包，这将使我们可以轻松地将项目托管在 Localhost 服务器上，并且我们可以同时运行优化的构建以用于生产。

方法一（npm-run all package）：我们可以使用“npm-run all”包同时运行不同的脚本。首先，我们必须使用命令安装包本身。

npm install npm-run-all — save-dev

安装包后，我们必须导航到项目的 package.json 文件，我们可以看到“脚本”中列出了两个操作，即“启动”和“构建” ，我们需要这些操作来托管服务器上的项目并同时运行构建操作。

现在，我们的下一步是在 Mac 上打开一个终端或在 Windows 上打开命令提示符，然后“cd”进入项目目录并输入命令“./node_modules/.bin/npm-run-all build start”并按 Enter .

在我们所做的本地安装案例中，npm-run-all 将被安装到我们项目的 node_modules 中
目录。 PATH 环境变量不包括那里，所以我们必须使用

./node_modules/.bin/npm-run-all 
(or $(npm bin)/npm-run-all)  to run npm-run-all command.

控制台输出：

构建操作成功执行

该应用程序已成功托管在服务器上

因此，我们现在可以看到我们的应用程序已成功托管在本地服务器上，并且构建操作在单个包“npm-run-all”的帮助下完美执行。

浏览器输出：

方法 2（使用 Concurrently 包）：在这种方法中，我们将使用Concurrently 包。使用这个包，我们可以将不同的脚本命令（例如“npm run start”和“npm run build”）组合到一个脚本中，然后在命令行中运行它。

首先，使用以下命令将包安装到您的项目目录中：

npm install concurrently --save

再次安装包后，我们必须导航到项目的 package.json 文件，我们可以看到“脚本”中列出了两个操作，即“启动”和“构建”，我们需要它们来托管服务器上的项目并同时运行构建操作。

现在我们必须在 package.json 文件中的脚本中包含一个开发脚本，它将保存我们不同的命令组合。

使用–kill-others开关，如果一个命令死亡，所有命令都会被杀死。

我们可以按照这个来创建我们自己的开发脚本：

"dev": "concurrently \"command1 arg\" \"command2 arg\""

现在我们可以简单地使用以下命令运行整个命令：

npm run dev

控制台输出：