溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

實(shí)例詳解帶參數(shù)的 npm script

發(fā)布時(shí)間：2020-08-25 04:53:13 來源：腳本之家 閱讀：210 作者：前端也瘋狂 欄目：web開發(fā)

添加參數(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)險(xiǎn)，可以這么巧妙的配置：

"scripts": {
  ...,
  "lint:js": "eslint ./src/**/*.js",
  "lint:js:fix": "npm run lint:js -- --fix"
}

對面?zhèn)€上面命令配置， --fix 前面添加了 -- ， -- 是分隔符，意思就是給 npm run lint:js 添加額外的參數(shù)。

這個(gè)時(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)上，且只會列出最后那個(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é)果。

更簡潔的日志 -s

搭配 --loglevel silent 或 --silent 或 -s 參數(shù)來控制日志輸出，

不簡潔的日志 -d

使用場景多在排查腳本問題的時(shí)候可用，搭配 --loglevel verbose 或 --verbose 或 -d (本來以為是 -v ，估計(jì)是 -v 是 version)

總結(jié)

以上所述是小編給大家介紹的帶參數(shù)的 npm script,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對億速云網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手