使用ESLint禁止項(xiàng)目導(dǎo)入特定模塊的方法步驟
項(xiàng)目團(tuán)隊(duì)成員希望能夠禁用某些 JS 依賴。比如有團(tuán)隊(duì)成員希望使用 lodash 而將這個巨大的依賴引入項(xiàng)目,導(dǎo)致項(xiàng)目整體過分臃腫。團(tuán)隊(duì)成員應(yīng)當(dāng)使用 lodash-es 來避免這種情況。那么 ESLint 就提供了一個名為 no-restricted-imports 規(guī)則,這個規(guī)則就是統(tǒng)一規(guī)范在項(xiàng)目中禁止使用的依賴。

使用方法
完整配置規(guī)則
假設(shè)我們不希望在項(xiàng)目中引入 lodash,那么配置規(guī)則:
rules: {
'no-restricted-imports': [
'error',
{
paths: [{
name: 'lodash',
message: '不要使用 lodash,請使用 lodash-es 作為替代'
}]
}
]
}
如果有團(tuán)隊(duì)成員試圖引入 lodash 這個依賴
import _ from 'lodash'
那么就會報(bào)錯,并提示 message 信息

不需要顯示提示信息
如果不需要顯示任何提示信息,那么 message 可以被省略,寫法如下:
'no-restricted-imports': ['error', 'lodash', 'underscore']
使用 gitignore-style 寫法
'no-restricted-imports': ['error', {
patterns: ['lodash-es/*']
}]
如果違反規(guī)則會出現(xiàn)以下報(bào)錯信息:

參考
https://eslint.org/docs/rules/no-restricted-imports
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Web網(wǎng)站都變成灰色有哪些方法可以快速實(shí)現(xiàn)(解決方案)
有些時(shí)候我們需要把網(wǎng)站頁面變成黑白色或灰色,特別是對于一些需要悼念的日子,以及一些影響力很大的偉人逝世或紀(jì)念日的時(shí)候,都會讓網(wǎng)站的全部網(wǎng)頁變成灰色(黑白色),以表示我們對逝者或者英雄的緬懷和悼念2022-12-12
JS面向?qū)ο缶幊虒?shí)現(xiàn)的Tab選項(xiàng)卡案例詳解
這篇文章主要介紹了JS面向?qū)ο缶幊虒?shí)現(xiàn)的Tab選項(xiàng)卡,結(jié)合具體案例形式詳細(xì)分析了JS基于面向?qū)ο蟪绦蛟O(shè)計(jì)實(shí)現(xiàn)Tab選項(xiàng)卡的相關(guān)操作技巧,需要的朋友可以參考下2020-03-03
javascript forEach函數(shù)實(shí)現(xiàn)代碼
在Base2中找到一個叫forEach的函數(shù),是我見過的最好的實(shí)現(xiàn)。挖出來分析一下。它能對各種普通對象,字符串,數(shù)組以及類數(shù)組進(jìn)行遍歷。如果原游覽器的對象已實(shí)現(xiàn)此函數(shù),它則調(diào)用原對象的函數(shù)。2010-01-01
JS中獲取函數(shù)調(diào)用鏈所有參數(shù)的方法
這篇文章主要介紹了JS中獲取函數(shù)調(diào)用鏈所有參數(shù)的方法,本文直接給出代碼示例,需要的朋友可以參考下2015-05-05

