使用ESLint禁止项目导入特定模块的方法步骤
项目团队成员希望能够禁用某些 JS 依赖。比如有团队成员希望使用 lodash 而将这个巨大的依赖引入项目,导致项目整体过分臃肿。团队成员应当使用 lodash-es 来避免这种情况。那么 ESLint 就提供了一个名为 no-restricted-imports 规则,这个规则就是统一规范在项目中禁止使用的依赖。

使用方法
完整配置规则
假设我们不希望在项目中引入 lodash,那么配置规则:
rules: {
'no-restricted-imports': [
'error',
{
paths: [{
name: 'lodash',
message: '不要使用 lodash,请使用 lodash-es 作为替代'
}]
}
]
}
如果有团队成员试图引入 lodash 这个依赖
import _ from 'lodash'
那么就会报错,并提示 message 信息

不需要显示提示信息
如果不需要显示任何提示信息,那么 message 可以被省略,写法如下:
'no-restricted-imports': ['error', 'lodash', 'underscore']
使用 gitignore-style 写法
'no-restricted-imports': ['error', {
patterns: ['lodash-es/*']
}]
如果违反规则会出现以下报错信息:

参考
https://eslint.org/docs/rules/no-restricted-imports
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
easyui combobox开启搜索自动完成功能的实例代码
下面小编就为大家带来一篇easyui combobox开启搜索自动完成功能的实例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-11-11
javascript中的altKey 和 Event属性大全
本文给大家介绍javascript中的altkey和event属性大全,涉及到altkey和event属性语法定义及用法,本文介绍的非常详细,感兴趣的朋友一起看看吧2015-11-11
借助script进行Http跨域请求:JSONP实现原理及代码
script元素的src属性能设置URL并发起HTTP GET请求实现脚本操作HTTP可以跨域通信而不受限与同源策略,接下来为大家详细介绍下Http跨域请求实现,感兴趣的你可以参考下哈2013-03-03


最新评论