使用ESLint禁止項(xiàng)目導(dǎo)入特定模塊的方法步驟
項(xiàng)目團(tuán)隊(duì)成員希望能夠禁用某些 JS 依賴。比如有團(tuán)隊(duì)成員希望使用 lodash 而將這個(gè)巨大的依賴引入項(xiàng)目，導(dǎo)致項(xiàng)目整體過分臃腫。團(tuán)隊(duì)成員應(yīng)當(dāng)使用 lodash-es 來(lái)避免這種情況。那么 ESLint 就提供了一個(gè)名為 no-restricted-imports 規(guī)則，這個(gè)規(guī)則就是統(tǒng)一規(guī)范在項(xiàng)目中禁止使用的依賴。
使用方法
完整配置規(guī)則
假設(shè)我們不希望在項(xiàng)目中引入 lodash，那么配置規(guī)則：
rules: {
'no-restricted-imports': [
'error',
{
paths: [{
name: 'lodash',
message: '不要使用 lodash，請(qǐng)使用 lodash-es 作為替代'
}]
}
]
}
如果有團(tuán)隊(duì)成員試圖引入 lodash 這個(gè)依賴
import _ from 'lodash'
那么就會(huì)報(bào)錯(cuò)，并提示 message 信息
不需要顯示提示信息
如果不需要顯示任何提示信息，那么 message 可以被省略，寫法如下：
'no-restricted-imports': ['error', 'lodash', 'underscore']
使用 gitignore-style 寫法
'no-restricted-imports': ['error', {
patterns: ['lodash-es/*']
}]
如果違反規(guī)則會(huì)出現(xiàn)以下報(bào)錯(cuò)信息：
參考
https://eslint.org/docs/rules/no-restricted-imports
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
easyui combobox開啟搜索自動(dòng)完成功能的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇easyui combobox開啟搜索自動(dòng)完成功能的實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-11-11
javascript中的altKey 和 Event屬性大全
本文給大家介紹javascript中的altkey和event屬性大全，涉及到altkey和event屬性語(yǔ)法定義及用法，本文介紹的非常詳細(xì)，感興趣的朋友一起看看吧2015-11-11
js實(shí)現(xiàn)的倒計(jì)時(shí)按鈕實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)的倒計(jì)時(shí)按鈕,實(shí)例分析了javascript倒計(jì)時(shí)效果的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-06-06
JavaScript可以說(shuō)是一個(gè)基于對(duì)象的編程語(yǔ)言，為什么說(shuō)是基于對(duì)象而不是面向?qū)ο?，因?yàn)镴avaScript自身只實(shí)現(xiàn)了封裝，而沒有實(shí)現(xiàn)繼承和多態(tài)。2009-07-07
深入學(xué)習(xí)JavaScript ES8中的函數(shù)式編程
函數(shù)式編程已經(jīng)成為現(xiàn)代JavaScript開發(fā)中的一種主要范式,它提供了一種更清晰、更模塊化、更可維護(hù)的代碼編寫方式,本文將深入探討ES8中的一些關(guān)鍵特性,并演示如何使用這些特性進(jìn)行函數(shù)式編程實(shí)踐,有需要的可以參考下2023-09-09
借助script進(jìn)行Http跨域請(qǐng)求:JSONP實(shí)現(xiàn)原理及代碼
script元素的src屬性能設(shè)置URL并發(fā)起HTTP GET請(qǐng)求實(shí)現(xiàn)腳本操作HTTP可以跨域通信而不受限與同源策略，接下來(lái)為大家詳細(xì)介紹下Http跨域請(qǐng)求實(shí)現(xiàn)，感興趣的你可以參考下哈2013-03-03
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)指定紅包順序和金額算法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
JavaScript圖像放大鏡效果實(shí)現(xiàn)方法詳解
這篇文章主要介紹了JavaScript圖像放大鏡效果實(shí)現(xiàn)方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06
JavaScript利用正則表達(dá)式來(lái)禁止鍵盤輸入數(shù)字
本文主要介紹了JavaScript利用正則表達(dá)式來(lái)禁止鍵盤輸入數(shù)字，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
js 數(shù)組實(shí)現(xiàn)一個(gè)類似ruby的迭代器
今天突然發(fā)現(xiàn)js的數(shù)組處理起來(lái)真是麻煩,代碼一些就是一大堆,相比起ruby的迭代器來(lái)真是遜色不少。2009-10-10