npm并行&串行执行多个scripts命令_npm run-s_奋飛的博客

npm scripts

node_modules/.bin 目录下的命令，可以直接在 scripts 中调用

利用一些脚本生命周期时间

"scripts": {
  "preinstall": "./configure",
  "install": "make && make install"

make （ npm run install ）前后自动执行 ./configure ( npm run preinstall )。 注意的是，官方并不提倡在 scripts 中定义 install

可以通过 process.env.npm_package_scripts_<commander> 查看 scripts 中的命令情况

"scripts": {
  "test": "node test.js"

process.env.npm_package_scripts_test === 'node test.js'

npm run 从根目录运行，不管调用的当前目录是什么（ process.env.PWD 一直指向根目录）。可以通过 process.env.INIT_CWD 获得所处的完整路径。

清除缓存

  $ npm cache clean --force
  $ yarn cache clean
下述通过 Bash 来实现的 
"scripts": {
  "deploy": "vue-cli-service build & vue-cli-service build screen && node deploy.js"
期望： 并发执行vue-cli-service build 和 vue-cli-service build screen ；执行完后再执行 node deploy.js 
实际： 并发执行 vue-cli-service build 和 vue-cli-service build screen && node deploy.js 
 简化示例，进行实验讨论 
#!/usr/bin/env node
setTimeout(() => {
  console.log('1')
}, 6000)
setTimeout(() => {
  console.log('2')
}, 3000)
setTimeout(() => {
  console.log('3')
}, 1000)
命令 说明
&& 顺序执行多条命令，当碰到执行出错的命令后将不执行后面的命令
& 并行执行多条命令
|| 顺序执行多条命令，当碰到执行正确的命令后将不执行后面的命令
| 管道符 
"scripts": {
  "test": "node ./build/1.js && node ./build/2.js && node ./build/3.js"
顺序执行多条命令，输出结果：1 2 3 
"scripts": {
  "test": "node ./build/1.js & node ./build/2.js & node ./build/3.js"
并行执行多条命令，输出结果：3 2 1 
"scripts": {
  test": "node ./build/1.js || node ./build/2.js || node ./build/3.js"
输出结果：1 
 执行正确后不会执行后面的命令，何谓成功or失败呢？ 
 Bash：成功 exit 0；失败（非0） exit 1 
 Nodejs：成功 process.exit(0)；失败（非0） process.exit(1) 
先并行后串行？
 
"scripts": {
   "test": "node ./build/1.js & node ./build/2.js && node ./build/3.js"
输出结果：2 3 1 惊喜不惊喜（并不是预期的 2 1 3）！你可能会说，是以为优先级的问题导致的，应该这样： 
"scripts": {
   "test": "(node ./build/1.js & node ./build/2.js) && node ./build/3.js"
你想多了，输出结果仍然是：2 3 1 
注意，上述在window下不能生效！ 
concurrently
 
跨平台，同时运行多个命令（并发）。 
"scripts": {
	"test": "concurrently \"node ./build/1.js\" \"node ./build/2.js\" \"node ./build/3.js\""
并行执行多条命令，输出结果：3 2 1 
只能并行，不能顺序执行！ 
npm-run-all
 
跨平台，一种可以并行或顺序运行多个 npm 脚本的 CLI 工具。 
npm-run-all 综合性命令（可顺序可并行）
run-s 简写，等价于 npm-run-all -s 顺序（sequentially）运行 npm-scripts
run-p 简写，等价于 npm-run-all -p 并行（parallel）运行 npm-scripts 
"script": {
  "n_1": "node ./build/1.js",
  "n_2": "node ./build/2.js",
  "n_3": "node ./build/3.js",
  "test": "npm-run-all -p n_1 n_2 -s n_3",
输出结果：2 1 3（并行执行n_1、n_2；然后执行n_3） 
npm-run-all 还具备支持参数传递；错误退出控制；提供 Node Api ；以及一些优化项npm-run-all --parallel dev:**等。 
注意，npm-run-all node 方式不支持，其实针对 npm scripts 并发和顺序执行的解决方案；但对于 Yarn 同样支持！ 
借助 scripts 生命周期事件关系
 
通过 npm-run-all 可以启发我们，可以通过 scripts 的一些属性关系来达到顺序执行。 
"scripts": {
  "prepack": "concurrently \"node ./build/1.js\" \"node ./build/2.js\"",
  "pack": "node ./build/3.js",
 prepack: run BEFORE a tarball is packed (on npm pack, npm publish, and when installing git dependencies) 
注意，只提供一种思路，并不提倡大家使用。因为内置的事件名称本身就有一定的特定意义 
目前社区还有类似的一些开源处理方式（shell-executor 、npm-parallel ）等等，实现方式基本大同小异，感兴趣的小伙伴可自行查阅！
 
https://www.npmjs.cn/misc/scripts/
https://github.com/kimmobrunfeldt/concurrently
https://github.com/mysticatea/npm-run-all
                    通过npm run &lt;commander&gt; 可以运行 package.json 中脚本，Npm 命令不能提供立即运行多个脚本的方式，同时运行需要打开多个终端窗口npm scriptsnode_modules/.bin 目录下的命令，可以直接在 scripts 中调用利用一些脚本生命周期时间"scripts": {  "preinstall": "./configure...
打开边栏中的NPM SCRIPTS部分，以查看项目package.json文件中的所有脚本。 单击一个以在控制台中启动它。 每个实例都会基于脚本名称获得自己的控制台选项卡，因此同时运行多个脚本没有问题。
zachschuster @（github）-其他改进-PR＃1
 frankMazzarella @（github）-向每个TreeItem的工具提示添加了脚本命令/文本-PR＃6
 谢谢大家！
{...“ npm-scripts.showStartNoti
这是一个超级简单的npm模块，用于并行运行shell命令。 所有进程将共享相同的stdout / stderr，并且如果退出状态为非零的任何命令退出，其余命令将停止并且退出代码继续执行。
版本兼容性说明
与v8及更高版本的Node完全兼容！
已恢复维护。 但是，还有更好的选择，请参见。
与以下内容有何不同？
 $ cmd1 & cmd2 & cmd3
跨平台-适用于Unix或Windows。
 &创建一个后台进程，该进程仅在您杀死它或结束时才退出。 如果其他组件之一死亡， parallelshell将自动杀死进程。
 command1 & command2 & command3将在终端中等待，直到仅command3结束。 parallelshell将等到所有3个结束。
 如果command1或command2以非零的退出代码退出，那么这将不会影响您的shell的结果（即它们可
 Usage: run-all [OPTIONS] [COMMANDS...]
  If there are spaces in command text, enclose the command by double quotes.
  Options:
    -h, --help      Print this help text.
    -v, --version   Print the version number.
 run-all "babel src --out-dir lib --watch" "mocha test/*.js --watch --colors"
package.json文件中的字段script的每一个属性都是一个自定义的脚本命令。
在命令行中可以通过执行npm run dev来执行这段脚本。
执行原理
使用npm run script执行脚本的时候都会创建一个shell，然后在shell中执行指定的脚本。
这个shell会将当前项目的可执行依赖目录（即node_mo
				npm:全称node package mananger，是世界上最大规模的包管理系统，官网是这样介绍的 Build amazing things…
那咱们就来看看他做了哪些惊人的事~
一.npm init
默认大家肯定比较熟悉了，直接 npm init -y了事，这回我们再来仔细看看
  "name": "webyouxuan",
  "version": "1.0.0",
  "main":...
				npm run命令需和项目根目录下的package.json文件配合使用；
npm run执行package.json文件的“scripts”属性中定义的命令，如下例：
"name":"my-project",
"version":"1.0.0",
"description":"AVue.jsproject",
"author":"zhouguoqing<zhouguoqing@clinbrain.com>",
"private":true...
npm install module1 module2 module3
也可以在 package.json 文件的 dependencies 属性中添加多个模块，在运行 npm install 命令时会一起安装。
"dependencies": {
    "module1": "^1.0.0",
    "module2": "^2.0.0",
    "module3": "^3.0.0"
还可以使用 `npm i -S module1 module2 module3` 同时安装多个模块，等价于 `npm install --save module1 module2 module3`

命令	说明
`&&`	顺序执行多条命令，当碰到执行出错的命令后将不执行后面的命令
`&`	并行执行多条命令
`\|\|`	顺序执行多条命令，当碰到执行正确的命令后将不执行后面的命令
`\|`	管道符



        

        

    
        推荐文章
    

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            爱旅游的椅子
                             · 
                            sh: lb-tsc: command not found. How I fixed?
                        
                        
                        6 月前
                        
                            
                        
                    
                
                
            
        

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            淡定的野马
                             · 
                            陶红（中国内地女演员）_百度百科
                        
                        
                        1 年前
                        
                            
                        
                    
                
                
            
        

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            刚毅的羊肉串
                             · 
                            Nginx 核心开发者发布新分支 Freenginx_项目_运营_Dounin
                        
                        
                        1 年前
                        
                            
                        
                    
                
                
            
        

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            心软的钥匙扣
                             · 
                            美国最新研究：中国宣布疫情前 新冠病毒可能就已存在于洛杉矶_新闻_央视网(cctv.com)
                        
                        
                        1 年前
                        
                            
                        
                    
                
                
            
        

    

        

            
                
                

                    
                        
                    
                    
                    
                        
                            悲伤的地瓜
                             · 
                            小红书发布首份买手战报，多元买手成为电商增长新引擎 | 极客公园
                        
                        
                        1 年前