一个终端同时运行多条Nodejs命令

一个终端同时运行多条Nodejs命令

项目开发中，常遇到需要并行处理多个任务的情况，比如一个命令负责启动本地开发服务器、一个命令负责打包静态资源js、css等，这种需求在Micro frontends里更加明显：同时启动多个单独的微应用。本文介绍一个解决这种需求的工具.

项目结构

一个前后端分离的项目，包含了server端和前端。

server端提供接口服务，前端则由另一个项目编译成静态资源（由webpack的监听打包），二者统一由express托管：

目录结构是：

外层是一个express项目，里面的子目录里包含一个独立的前端项目

我们有两个要做的任务：

1. express需要一个命令来运行express服务
2. 前端需要一个命令来运行webpack的监听自动打包功能。

我们可以开两个独立的终端，分别运行这两个命令，但这不够便捷。如何在一个终端里同时运行多条命令呢？

使用concurrently

concurrently是一款npm包，可以让开发者在一个终端里同时运行多条命令。

使用步骤：

1. 安装  npm i concurrently -D
2. 配置package.json文件,在外层的package.json里配置执行 内层项目的脚本（设置--prefix + 项目的目录），

内层package.json文件内容：

  

   

    

     

    
    

     

      {
     
    
   

    

     

    
    

     
  
      "scripts":{
     
    
   

    

     

    
    

     
  	
      "dev":
      "webpack --watch"
     
    
   

    

     

    
    

     

        }
     
    
   

    

     

    
    

     

      }
     
    
  

外层package.json文件内容：

  

   

    

     

    
    

     

      {
     
    
   

    

     

    
    

     
  
      "scripts":{
     
    
   

    

     

    
    

     
  	
      "client":
      "npm run dev --prefix front-end-proj-dir",
     
    
   

    

     

    
    

     
    
      "server":
      "node./index.js",
     
    
   

    

     

    
    

     
    
      "start":
      "concurrently\"npm run client\" \"npm run server\""
     
    
   

    

     

    
    

     

        }
     
    
   

    

     

    
    

     

      }
     
    
  

不同的命令以双引号包起来，字符里双引号必须进行转移处理，否则concurrently会按照默认的方式command1 args command2 args来解析命令

最后在外层的项目里运行：

npm run start

 

转载：https://blog.csdn.net/qq_40882724/article/details/115604696