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