使用ESLint禁止项目导入特定模块的方法步骤


Posted in Javascript onMarch 04, 2019

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

使用ESLint禁止项目导入特定模块的方法步骤

使用方法

完整配置规则

假设我们不希望在项目中引入 lodash,那么配置规则:

rules: {
  'no-restricted-imports': [
    'error',
    {
      paths: [{
        name: 'lodash',
        message: '不要使用 lodash,请使用 lodash-es 作为替代'
      }]
    }
  ]
}

如果有团队成员试图引入 lodash 这个依赖

import _ from 'lodash'

那么就会报错,并提示 message 信息

使用ESLint禁止项目导入特定模块的方法步骤

不需要显示提示信息

如果不需要显示任何提示信息,那么 message 可以被省略,写法如下:

'no-restricted-imports': ['error', 'lodash', 'underscore']

使用 gitignore-style 写法

'no-restricted-imports': ['error', {
  patterns: ['lodash-es/*']
}]

如果违反规则会出现以下报错信息:

使用ESLint禁止项目导入特定模块的方法步骤

参考

https://eslint.org/docs/rules/no-restricted-imports

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQueryUI如何自定义组件实现代码
Nov 14 Javascript
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
Aug 28 Javascript
jquery实现点击页面计算点击次数
Jan 23 Javascript
jquery实现ajax加载超时提示的方法
Jul 23 Javascript
Html5+jQuery+CSS制作相册小记录
Dec 30 Javascript
JavaScript实现前端分页控件
Apr 19 Javascript
QRCode.js二维码生成并能长按识别
Oct 16 Javascript
详解CommonJS和ES6模块循环加载处理的区别
Dec 26 Javascript
使用pm2自动化部署node项目的方法步骤
Jan 28 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
Jun 14 Javascript
JavaScript实现的联动菜单特效示例
Jul 08 Javascript
uniapp 仿微信的右边下拉选择弹出框的实现代码
Jul 12 Javascript
微信小程序textarea层级过高的解决方法
Mar 04 #Javascript
浅析vue中的MVVM实现原理
Mar 04 #Javascript
JavaScript实现的九种排序算法
Mar 04 #Javascript
如何在JavaScript中优雅的提取循环内数据详解
Mar 04 #Javascript
iview tabs 顶部导航栏和模块切换栏的示例代码
Mar 04 #Javascript
Vuex mutitons和actions初使用详解
Mar 04 #Javascript
JS重学系列之聊聊new操作符
Mar 04 #Javascript
You might like
PHP函数getenv简介和使用实例
2014/05/12 PHP
PHP中几个可以提高运行效率的代码写法、技巧分享
2014/08/21 PHP
深入浅析用PHP实现MVC
2016/03/02 PHP
PHP连接MySQL数据库并以json格式输出
2018/05/21 PHP
从Ajax到JQuery Ajax学习
2007/02/14 Javascript
弹出广告特效(一个IP只弹出一次)的代码
2007/07/27 Javascript
jquery异步调用页面后台方法‏(asp.net)
2011/03/01 Javascript
jQuery动态显示和隐藏datagrid中的某一列的方法
2013/12/11 Javascript
浅析Javascript中“==”与“===”的区别
2014/12/23 Javascript
用js实现放大镜的效果的简单实例
2016/05/23 Javascript
jquery 遍历数组 each 方法详解
2016/05/25 Javascript
js中遍历Map对象的方法
2016/07/27 Javascript
关于angularJs指令的Scope(作用域)介绍
2016/10/25 Javascript
Vue2.0 vue-source jsonp 跨域请求
2017/08/04 Javascript
Angular4实现动态添加删除表单输入框功能
2017/08/11 Javascript
JS 数组和对象的深拷贝操作示例
2020/06/06 Javascript
vue使用better-scroll实现滑动以及左右联动
2020/06/30 Javascript
python2.7删除文件夹和删除文件代码实例
2013/12/18 Python
python实现杨辉三角思路
2017/07/14 Python
python操作mysql代码总结
2018/06/01 Python
Python统计一个字符串中每个字符出现了多少次的方法【字符串转换为列表再统计】
2019/05/05 Python
使用matplotlib绘制图例标签中带有公式的图
2019/12/13 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
python Tornado框架的使用示例
2020/10/19 Python
松本清官方海外旗舰店:日本最大的药妆连锁店
2017/11/21 全球购物
比利时买床:Beter Bed
2017/12/06 全球购物
纪伊国屋新加坡网上书店:Kinokuniya新加坡
2017/12/29 全球购物
印度和世界各地的精美产品:Ikka Dukka
2018/02/12 全球购物
.net面试题
2015/12/22 面试题
财务工作者先进事迹材料
2014/01/17 职场文书
企业宣传策划方案
2014/05/29 职场文书
旷工检讨书1000字
2015/01/01 职场文书
施工员岗位职责
2015/02/10 职场文书
律政俏佳人观后感
2015/06/09 职场文书
2015毕业设计工作总结
2015/07/24 职场文书
Html5生成验证码的示例代码
2021/05/10 Javascript