實(shí)例詳解帶參數(shù)的 npm script
添加參數(shù)可以減少重復(fù)的 npm script。拿 eslint 來(lái)說(shuō)，傳入 --fix 參數(shù)，就開(kāi)啟內(nèi)置的代碼風(fēng)格自動(dòng)修復(fù)模式，好智能聽(tīng)起來(lái)。
"scripts": {
...,
"lint:js": "eslint ./src/**/*.js",
"lint:js:fix": "eslint ./src/**/*.js --fix"
}
本著不 DRY 的原則，而且還會(huì)遇上復(fù)制粘貼帶來(lái)的風(fēng)險(xiǎn)，可以這么巧妙的配置：
"scripts": {
...,
"lint:js": "eslint ./src/**/*.js",
"lint:js:fix": "npm run lint:js -- --fix"
}
對(duì)面?zhèn)€上面命令配置， --fix 前面添加了 -- ， -- 是分隔符，意思就是給 npm run lint:js 添加額外的參數(shù)。
這個(gè)時(shí)候看看你的代碼，你會(huì)發(fā)現(xiàn)一些代碼風(fēng)格就自動(dòng)修復(fù)了。
添加注釋
隨著命令配置越來(lái)越多，添加注釋勢(shì)在必行，以保障代碼的可讀性和維護(hù)性。
在 package.json 中添加 // 為鍵的值
"scripts": {
...,
"http://": "并行檢查所有代碼編程風(fēng)格",
"lint:bx-all": "npm-run-all --parallel lint:*"
}
添加 // 的方式明顯有不足，npm run 不能將注釋和命令對(duì)應(yīng)上，且只會(huì)列出最后那個(gè)。
直接在腳本命令中編輯加注釋
"scripts": {
...,
"lint-bx-all": "# 并行檢查所有代碼編程風(fēng)格 \n npm-run-all --parallel lint:*"
}
注意 \n 后面有空格，主要是為了排版（換行或縮進(jìn)）美觀，當(dāng)然了也可以用 \t 。
運(yùn)行時(shí)日志
默認(rèn)日志
不添加任何參數(shù)控制日志輸出，也是最常用的，可以看到執(zhí)行命令和執(zhí)行命令的結(jié)果。
更簡(jiǎn)潔的日志 -s
搭配 --loglevel silent 或 --silent 或 -s 參數(shù)來(lái)控制日志輸出，
不簡(jiǎn)潔的日志 -d
使用場(chǎng)景多在排查腳本問(wèn)題的時(shí)候可用，搭配 --loglevel verbose 或 --verbose 或 -d (本來(lái)以為是 -v ，估計(jì)是 -v 是 version)
總結(jié)
以上所述是小編給大家介紹的帶參數(shù)的 npm script,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義計(jì)時(shí)器功能，設(shè)置一個(gè)時(shí)間，可以開(kāi)始倒計(jì)時(shí)、暫停，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-09-09
js動(dòng)態(tài)添加表格逐行添加、刪除、遍歷取值的實(shí)例代碼
最近做項(xiàng)目遇到這樣的需求，要求表格添加一行，表格刪除一行，表格遍歷取值等。下面小編給大家?guī)?lái)了js動(dòng)態(tài)添加表格逐行添加、刪除、遍歷取值的實(shí)例代碼，需要的朋友參考下2018-01-01
使用JavaScript實(shí)現(xiàn)隨機(jī)顏色生成器
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript+CSS實(shí)現(xiàn)一個(gè)隨機(jī)顏色生成器，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以動(dòng)手嘗試一下2022-08-08
JS前端開(kāi)發(fā)模擬虛擬dom轉(zhuǎn)真實(shí)dom詳解
這篇文章主要為大家介紹了JS前端開(kāi)發(fā)模擬虛擬dom轉(zhuǎn)真實(shí)dom詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
原生js實(shí)現(xiàn)密碼強(qiáng)度驗(yàn)證功能
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)密碼強(qiáng)度驗(yàn)證功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
JavaScript中的事件監(jiān)聽(tīng)詳細(xì)介紹
這篇文章主要給大家介紹了關(guān)于JavaScript中事件監(jiān)聽(tīng)的相關(guān)資料,在前端開(kāi)發(fā)過(guò)程中我們經(jīng)常會(huì)遇到給頁(yè)面元素添加事件的問(wèn)題,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
JavaScript常見(jiàn)事件對(duì)象與操作實(shí)例總結(jié)
這篇文章主要介紹了JavaScript常見(jiàn)事件對(duì)象與操作,結(jié)合實(shí)例形式總結(jié)分析了javascript針對(duì)DOM、IE及跨瀏覽器事件對(duì)象的相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
JavaScript輪播停留效果的實(shí)現(xiàn)思路
輪播停留與無(wú)線滾動(dòng)十分類(lèi)似，都是利用屬性及變量控制移動(dòng)實(shí)現(xiàn)輪播。下面通過(guò)本文給大家分享JavaScript輪播停留效果的實(shí)現(xiàn)思路，感興趣的朋友一起看看吧2018-05-05
javascript 數(shù)組去重復(fù)(在線去重工具)
很多情況下我們需要去掉重復(fù)的內(nèi)容，一般我們都是將很多內(nèi)容放到一個(gè)數(shù)組里面，然后再去重復(fù)，這里簡(jiǎn)單為大家整理一下2016-12-12
這篇文章主要介紹了Node.js和PHP根據(jù)ip獲取地理位置的方法,通過(guò)新浪接口根據(jù)IP地址獲取所在城市,需要的朋友可以參考下2014-03-03