react源碼解析003 - 關(guān)于eslint

AlphaGooo 發(fā)布于2019-08-20 15:34 / 1036人閱讀

摘要：簡(jiǎn)介是一個(gè)被廣泛應(yīng)用的代碼檢查工具。格式更為靈活，項(xiàng)目用的是后綴，即。是指擴(kuò)展官方支持的規(guī)則是和簡(jiǎn)寫，對(duì)應(yīng)模塊。從這個(gè)配置中，我們可以看到?jīng)]有使用默認(rèn)的解析器，而是選擇了。比如插件，就自定義了跟語(yǔ)法相關(guān)的規(guī)則。上面的是的簡(jiǎn)稱。

Eslint簡(jiǎn)介

eslint是一個(gè)被廣泛應(yīng)用的javascript/jsx代碼檢查工具。

eslint配置文件可以使用js/yaml/json格式，或者在package.json中添加"eslintConfig"選項(xiàng)。.eslintrc已被廢棄。js格式更為靈活，react項(xiàng)目用的是js后綴，即.eslintrc.js。

extends

extends是指擴(kuò)展eslint官方支持的lint規(guī)則

extends: "fbjs",

fbjs是eslint-config-fbjs和簡(jiǎn)寫，對(duì)應(yīng)npm模塊eslint-config-fbjs。從這個(gè)配置中，我們可以看到react沒(méi)有使用eslint默認(rèn)的解析器Espree，而是選擇了babel-eslint。為什么呢？看babel-eslint官方介紹，當(dāng)且僅當(dāng)你使用了強(qiáng)類型如(Flow)或者一些eslint不支持的仍處于實(shí)驗(yàn)階段的js特性時(shí)，你才需要使用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是指通過(guò)自定義插件，擴(kuò)展可用的lint規(guī)則。比如eslint-react插件，就自定義了跟jsx語(yǔ)法相關(guān)的lint規(guī)則。

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

上面的react是eslint-plugin-react的簡(jiǎn)稱。react-internal是eslint-plugin-react-internal的簡(jiǎn)稱。

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

GPU云服務(wù)器云服務(wù)器 React 源碼 React源碼關(guān)于我們網(wǎng)站源碼 ESLint

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/82344.html

相關(guān)文章

從react-start到co源碼(一)

摘要：安裝這個(gè)預(yù)設(shè)主要包含了如下兩個(gè)插件實(shí)現(xiàn)熱加載捕獲中的方法并展現(xiàn)在界面上修改上述的文件文件通過(guò)上面的幾個(gè)步驟我們就大致完成了開發(fā)環(huán)境的基本搭建。應(yīng)該在中進(jìn)行配置以上就是簡(jiǎn)單的環(huán)境搭建后面會(huì)推出后續(xù)的文章。 react作為當(dāng)前十分流行的前端框架，相信很多前端er都有蠢蠢欲動(dòng)的學(xué)習(xí)它的想法。工欲善其事，必先利其器。這篇文章就簡(jiǎn)單的給大家介紹一下如何我快速的搭建一個(gè)react前端開發(fā)環(huán)境。主要...

gekylin 2019-08-20 13:44 評(píng)論0 收藏0
React入門0x003：jsx 和自由的組件

摘要：概述說(shuō)起來(lái)，我喜歡的還是他的思想，在中，實(shí)際上沒(méi)有的區(qū)別，全部都是，就和一樣，可以將所有的資源等同視之。但是這時(shí)候又出來(lái)說(shuō)，我要把寫在中，真是煩透咯不過(guò)，這種東西不過(guò)是年一輪回，就和時(shí)尚一樣。 0x000 概述說(shuō)起來(lái)react，我喜歡的還是他的思想，在react中，實(shí)際上沒(méi)有html、css、js的區(qū)別，全部都是js，就和webpack一樣，可以將所有的資源等同視之。但是這在一開始，...

eechen 2019-08-23 11:25 評(píng)論0 收藏0
react源碼解析002 - 關(guān)于babelrc

摘要：目前官方提供這些，可以看到是被官方支持的。用到了很多，我們大概看看都是用來(lái)干什么的將的屬性轉(zhuǎn)成屬性移除函數(shù)尾部的逗號(hào)編譯模板編譯箭頭函數(shù)關(guān)于，可以查看更多。將和轉(zhuǎn)成在使用保留關(guān)鍵字作為屬性名的時(shí)候，此會(huì)給它加上雙引號(hào)。 babel簡(jiǎn)介原文：https://github.com/liushuigs/react-source-learning/blob/master/root/what-...

liangzai_cool 2019-08-20 15:34 評(píng)論0 收藏0
深度解析`create-react-app`源碼

摘要：這個(gè)選項(xiàng)看意思就知道了，默認(rèn)使用來(lái)安裝，運(yùn)行，如果你沒(méi)有使用，你可能就需要這個(gè)配置了，指定使用。 2018-06-13 更新。昨天突然好奇在Google上搜了一波關(guān)于create-react-app 源碼的關(guān)鍵詞，發(fā)現(xiàn)掘金出現(xiàn)好幾篇仿文，就連我開頭前沿瞎幾把啰嗦的話都抄，我還能說(shuō)什么是吧？以后博客還是首發(fā)在Github上，地址戳這里戳這里?。∞D(zhuǎn)載求你們注明出處、改編求你們貼一下參考鏈...

waruqi 2019-08-22 13:59 評(píng)論0 收藏0
從零開始搭建一個(gè)React項(xiàng)目

摘要：優(yōu)化代碼拆分從入口文件開始，遞歸地構(gòu)建了整個(gè)應(yīng)用的模塊依賴圖表，然后通常會(huì)將所有的模塊打包成一個(gè)。如果你還不知道什么是React，請(qǐng)點(diǎn)擊這里github源碼安裝Node.js 如果你還不知道什么是ECMAScript，請(qǐng)點(diǎn)擊這里如果你還不知道什么是Node.js，請(qǐng)點(diǎn)擊這里下載Node.js并安裝；接著打開windows命令行窗口分別輸入node -v及npm -v如下圖所示，...

HollisChuang 2019-08-23 12:19 評(píng)論0 收藏0