實例詳解帶參數(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 。
運行時日志
默認(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
這篇文章主要給大家介紹了在微信小程序中如何獲知用戶運行小程序場景的相關(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