實例詳解帶參數(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 ，估計是 -v 是 version)
總結(jié)
以上所述是小編給大家介紹的帶參數(shù)的 npm script,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
人人網(wǎng)javascript面試題 可以提前實現(xiàn)下
JavaScript面試題要求：以下題目必須從一至四題中，選出三道題，使用原生代碼實現(xiàn)，不可使用任何框架，第五題為選作題2012-01-01
這篇文章主要給大家介紹了在微信小程序中如何獲知用戶運(yùn)行小程序場景的相關(guān)資料，文中介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來跟著小編一起來看看吧。2017-05-05
javascript htmlencode函數(shù)(ff兼容版) 主要是編輯器中反轉(zhuǎn)html代碼
非常不錯的htmlencode 方法，比用正則實現(xiàn)的更好，而且效率高，推薦使用第一種方法。2009-06-06
JS判斷鼠標(biāo)從什么方向進(jìn)入一個容器實例說明
偶然將想到的一個如何判斷鼠標(biāo)從哪個方向進(jìn)入一個容器的問題,并且做了一系列的設(shè)想，代碼部分不是很多，我直接寫了個示例， 感興趣的朋友可以了解下，或許本文對你有所幫助2013-02-02
JavaScript常規(guī)加密技術(shù)實現(xiàn)方式詳解
這篇文章主要為大家介紹了JavaScript常規(guī)加密技術(shù)實現(xiàn)方式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
這篇文章主要給大家介紹了關(guān)于js如何根據(jù)class獲取元素并且點擊元素的相關(guān)資料,獲取元素集合的方法有很多,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-04-04
Bootstrap實現(xiàn)帶暫停功能的輪播組件(推薦)
最近小編在項目中用到了一款帶輪播組件，功能非常齊全，可以設(shè)置各種標(biāo)題樣式、動畫效果、輪播時間、開始暫停等功能，下面小編通過本文給大家詳細(xì)介紹下實現(xiàn)過程，需要的朋友參考下吧2016-11-11
原生JavaScript中直接觸發(fā)事件的方式小結(jié)
JavaScript提供了多種方式來直接觸發(fā)事件,無論是在用戶交互、程序邏輯處理或是數(shù)據(jù)更新時,本文將全面探討原生JavaScript中各種事件觸發(fā)方式,并通過深入的技術(shù)案例分析,需要的朋友可以參考下2025-01-01
與直接使用Promise相比，使用async/await不僅可以使代碼更具可讀性，而且還可以在JavaScript引擎中實現(xiàn)一些有趣的優(yōu)化。這篇文章是關(guān)于一個這樣的優(yōu)化，涉及異步代碼的堆棧追蹤。2021-04-04
最近在學(xué)習(xí)bootstrap3.3.5，遇到一個問題搞不清楚<li role="presentation">到底什么含義？今天小編通過本文給大家詳細(xì)介紹下，一起看看吧2016-12-12