资讯专栏INFORMATION COLUMN

react源码解析003 - 关于eslint

AlphaGooo / 922人阅读

摘要:简介是一个被广泛应用的代码检查工具。格式更为灵活,项目用的是后缀,即。是指扩展官方支持的规则是和简写,对应模块。从这个配置中,我们可以看到没有使用默认的解析器,而是选择了。比如插件,就自定义了跟语法相关的规则。上面的是的简称。

Eslint简介

eslint是一个被广泛应用的javascript/jsx代码检查工具。

eslint配置文件可以使用js/yaml/json格式,或者在package.json中添加"eslintConfig"选项。.eslintrc已被废弃。js格式更为灵活,react项目用的是js后缀,即.eslintrc.js。

extends

extends是指扩展eslint官方支持的lint规则

extends: "fbjs",

fbjseslint-config-fbjs和简写,对应npm模块eslint-config-fbjs。从这个配置中,我们可以看到react没有使用eslint默认的解析器Espree,而是选择了babel-eslint。为什么呢?看babel-eslint官方介绍,当且仅当你使用了强类型如(Flow)或者一些eslint不支持的仍处于实验阶段的js特性时,你才需要使用babel-eslint

You only need to use babel-eslint if you are using types (Flow) or experimental features not supported in ESLint itself yet. Otherwise try the default parser (you don"t have to use it just because you are using Babel)

plugins

plugins是指通过自定义插件,扩展可用的lint规则。比如eslint-react插件,就自定义了跟jsx语法相关的lint规则。

plugins: [
    "react",
    "react-internal",
],

上面的reacteslint-plugin-react的简称。react-internaleslint-plugin-react-internal的简称。

原文:https://github.com/liushuigs/react-source-learning/blob/master/root/what-is-eslint.md

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82344.html

相关文章

  • react-start到co源码(一)

    摘要:安装这个预设主要包含了如下两个插件实现热加载捕获中的方法并展现在界面上修改上述的文件文件通过上面的几个步骤我们就大致完成了开发环境的基本搭建。应该在中进行配置以上就是简单的环境搭建后面会推出后续的文章。 react作为当前十分流行的前端框架,相信很多前端er都有蠢蠢欲动的学习它的想法。工欲善其事,必先利其器。这篇文章就简单的给大家介绍一下如何我快速的搭建一个react前端开发环境。主要...

    gekylin 评论0 收藏0
  • React入门0x003:jsx 和自由的组件

    摘要:概述说起来,我喜欢的还是他的思想,在中,实际上没有的区别,全部都是,就和一样,可以将所有的资源等同视之。但是这时候又出来说,我要把写在中,真是烦透咯不过,这种东西不过是年一轮回,就和时尚一样。 0x000 概述 说起来react,我喜欢的还是他的思想,在react中,实际上没有html、css、js的区别,全部都是js,就和webpack一样,可以将所有的资源等同视之。但是这在一开始,...

    eechen 评论0 收藏0
  • react源码解析002 - 关于babelrc

    摘要:目前官方提供这些,可以看到是被官方支持的。用到了很多,我们大概看看都是用来干什么的将的属性转成属性移除函数尾部的逗号编译模板编译箭头函数关于,可以查看更多。将和转成在使用保留关键字作为属性名的时候,此会给它加上双引号。 babel简介 原文:https://github.com/liushuigs/react-source-learning/blob/master/root/what-...

    liangzai_cool 评论0 收藏0
  • 深度解析`create-react-app`源码

    摘要:这个选项看意思就知道了,默认使用来安装,运行,如果你没有使用,你可能就需要这个配置了,指定使用。 2018-06-13 更新。昨天突然好奇在Google上搜了一波关于create-react-app 源码的关键词,发现掘金出现好几篇仿文,就连我开头前沿瞎几把啰嗦的话都抄,我还能说什么是吧?以后博客还是首发在Github上,地址戳这里戳这里!!转载求你们注明出处、改编求你们贴一下参考链...

    waruqi 评论0 收藏0
  • 从零开始搭建一个React项目

    摘要:优化代码拆分从入口文件开始,递归地构建了整个应用的模块依赖图表,然后通常会将所有的模块打包成一个。 如果你还不知道什么是React,请点击这里github源码 安装Node.js 如果你还不知道什么是ECMAScript,请点击这里 如果你还不知道什么是Node.js,请点击这里 下载Node.js并安装;接着打开windows命令行窗口分别输入node -v及npm -v如下图所示,...

    HollisChuang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<