自定义eslint

最新推荐文章于 2023-04-03 17:43:03 发布

周心

最新推荐文章于 2023-04-03 17:43:03 发布

阅读量376

点赞数

本文链接：https://blog.csdn.net/weixin_44905572/article/details/118810451

版权

本文介绍如何创建一个自定义的eslint规则，防止在项目中除client.ts外的其他文件引入node和electron模块。过程涉及AST树解析，并提供了一种通过npm上传和测试自定义规则的方法。示例代码展示了选择性禁止import和require的行为，并提醒了使用eslint-plugin开头的项目名称以及错误级别设置。

摘要由CSDN通过智能技术生成

背景：项目里面规定只有client.ts可以引入node模块与electron模块，其余文件引用报错
这就要求我们去创建一个自己的eslint规则了，这里设计到AST树等知识，可以参考https://m.sohu.com/a/330228148_463970
首先创建一个eslint（自认为）项目

npm i -g yo
npm i -g generator-eslint
// 创建一个plugin
yo eslint:plugin
// 创建一个规则
yo eslint:rule

在这里插入图片描述完后是这样的，现在可以打开工具看ast树了，地址https://astexplorer.net/，
可以慢慢看里面的参数
然后在rule的choose-node.js这样写，根据自己的需求来哈

 module.exports = {
   
     meta: {
   
         docs: {
   
             description: "choose-node",
             category: "Fill me in",
             recommended: false
         },
         fixable<