一個(gè)命令執(zhí)行多個(gè)npm任務(wù)

darkbaby123 發(fā)布于2019-08-26 18:27 / 3232人閱讀

摘要：并行執(zhí)行即同時(shí)的平行執(zhí)行，可以使用符號(hào)繼發(fā)執(zhí)行即只有前一個(gè)任務(wù)成功，才執(zhí)行下一個(gè)任務(wù)，可以使用符號(hào)。例子此時(shí)輸入就會(huì)先執(zhí)行任務(wù)，然后在執(zhí)行后面的項(xiàng)目打包任務(wù)。舉例來(lái)說(shuō)，腳本命令的鉤子就是和。用戶執(zhí)行的時(shí)候，會(huì)自動(dòng)按照下面的順序執(zhí)行。

npm腳本執(zhí)行多個(gè)任務(wù)

如果遇到一個(gè)類似的需求，比如執(zhí)行npm publish命令前想先升級(jí)下項(xiàng)目的版本，基礎(chǔ)操作是在shell中輸入兩次命令分別為npm run version和npm run publish，但是有沒有更簡(jiǎn)單的方法呢？請(qǐng)看下面的內(nèi)容：

一. 并行or繼發(fā)
npm 腳本里面需要執(zhí)行多個(gè)任務(wù)，那么需要明確它們的執(zhí)行順序。

并行執(zhí)行（即同時(shí)的平行執(zhí)行），可以使用&符號(hào)；

繼發(fā)執(zhí)行（即只有前一個(gè)任務(wù)成功，才執(zhí)行下一個(gè)任務(wù)），可以使用&&符號(hào)。

例子：
"test2": "node build/version.js && webpack --config build/webpack.prod.config.js"
此時(shí)輸入npm run test2就會(huì)先執(zhí)行version任務(wù)，然后在執(zhí)行后面的項(xiàng)目打包任務(wù)。

二. 鉤子

npm 腳本有pre和post兩個(gè)鉤子。舉例來(lái)說(shuō)，build腳本命令的鉤子就是prebuild和postbuild。

用戶執(zhí)行npm run build的時(shí)候，會(huì)自動(dòng)按照下面的順序執(zhí)行。

npm run prebuild && npm run build && npm run postbuild

三. 其他
可以再了解下concurrently，這里不再講述。

參考：http://www.ruanyifeng.com/blo...

GPU云服務(wù)器云服務(wù)器 linux執(zhí)行一個(gè)命令執(zhí)行任務(wù) 執(zhí)行定時(shí)任務(wù) 定點(diǎn)執(zhí)行任務(wù)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/110238.html

相關(guān)文章

Node.js知識(shí)點(diǎn)詳解（一）基礎(chǔ)部分

摘要：基礎(chǔ)的端到端的基準(zhǔn)測(cè)試顯示大約比快八倍。所謂單線程，就是指一次只能完成一件任務(wù)。在服務(wù)器端，異步模式甚至是唯一的模式，因?yàn)閳?zhí)行環(huán)境是單線程的，如果允許同步執(zhí)行所有請(qǐng)求，服務(wù)器性能會(huì)急劇下降，很快就會(huì)失去響應(yīng)。模塊 Node.js 提供了exports 和 require 兩個(gè)對(duì)象，其中 exports 是模塊公開的接口，require 用于從外部獲取一個(gè)模塊的接口，即所獲取模塊的 e...

whjin 2019-08-21 12:32 評(píng)論0 收藏0
Gulp入門教程

摘要：本教程分為兩個(gè)部分先講解的使用及參數(shù)說(shuō)明，后以一個(gè)實(shí)際項(xiàng)目案例作為演練?；蜃詣?dòng)監(jiān)視文件變化并執(zhí)行指定的任務(wù)。項(xiàng)目代碼下載其他文獻(xiàn)官方接口文檔很多演示項(xiàng)目代碼其它教程文章 Gulp介紹 Gulp是一個(gè)前端開發(fā)的自動(dòng)化構(gòu)建工具。前端開發(fā)往往需要把LESS/SCSS文件進(jìn)行編譯成CSS文件，JavaScript多文件合并成一個(gè)文件并壓縮以及一些其他需要重復(fù)性操作的工作。而Gulp就是通過簡(jiǎn)單...

levius 2019-08-19 17:21 評(píng)論0 收藏0
webpak最全的簡(jiǎn)單入門

摘要：了解什么是官方文檔是這樣介紹的點(diǎn)我了解官方文檔簡(jiǎn)單的來(lái)說(shuō)，可以看做是模塊打包機(jī)它做的事情是，分析你的項(xiàng)目結(jié)構(gòu)，找到模塊以及其它的一些瀏覽器不能直接運(yùn)行的拓展語(yǔ)言，等，并將其轉(zhuǎn)換和打包為合適的格式供瀏覽器使用。了解webpack 什么是webpack 官方文檔是這樣介紹的：點(diǎn)我了解官方文檔簡(jiǎn)單的來(lái)說(shuō)，WebPack可以看做是模塊打包機(jī)：它做的事情是，分析你的項(xiàng)目結(jié)構(gòu)，找到JavaSc...

FreeZinG 2019-08-26 10:46 評(píng)論0 收藏0
在 Laravel 項(xiàng)目中使用 Glup 之 Laravel-Elixir

摘要：結(jié)果會(huì)被存放到拷貝文件目錄你可以使用方法拷貝文件目錄到新路徑，所有操作都相對(duì)于項(xiàng)目根目錄版本號(hào)緩存刷新很多開發(fā)者會(huì)給編譯的前端資源添加時(shí)間戳或者唯一令牌后綴以強(qiáng)制瀏覽器加載最新版本而不是代碼的緩存副本。環(huán)境準(zhǔn)備 1、安裝 nodejs 和 npm ?如果你使用的是 Laravel 的 Homestead 環(huán)境，可以不用安裝了，已自帶。 ?我們來(lái)查看下它們的版本： $ node -v ...

ralap 2019-06-27 12:13 評(píng)論0 收藏0
【譯】相對(duì)完整的Gulp4升級(jí)指南

摘要：跟現(xiàn)在的類似的，把命令行工具從的核心代碼中剝離了。和都能使用獨(dú)立出來(lái)的命令行工具。是無(wú)法做出相應(yīng)的區(qū)分的。之前的中，在我們傳入一個(gè)通配符和可選參數(shù)后，我們可以再指定一個(gè)任務(wù)數(shù)組或者一個(gè)回調(diào)函數(shù)用來(lái)處理事件數(shù)據(jù)。原文鏈接：The Complete-Ish Guide to Upgrading to Gulp 4 雖然Gulp4始終在開發(fā)中，但是你要堅(jiān)信在將來(lái)的某一天你一定可以等到它的正...

leanote 2019-08-19 18:25 評(píng)論0 收藏0