react源碼解析003 - 關于eslint

AlphaGooo 發布于2019-08-20 15:34 / 1032人閱讀

摘要：簡介是一個被廣泛應用的代碼檢查工具。格式更為靈活，項目用的是后綴，即。是指擴展官方支持的規則是和簡寫，對應模塊。從這個配置中，我們可以看到沒有使用默認的解析器，而是選擇了。比如插件，就自定義了跟語法相關的規則。上面的是的簡稱。

Eslint簡介

eslint是一個被廣泛應用的javascript/jsx代碼檢查工具。

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

extends

extends是指擴展eslint官方支持的lint規則

extends: "fbjs",

fbjs是eslint-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",
],

上面的react是eslint-plugin-react的簡稱。react-internal是eslint-plugin-react-internal的簡稱。

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

云服務器 GPU云服務器 React 源碼 React源碼關于我們網站源碼 ESLint

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/82344.html

從react-start到co源碼(一)

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

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

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

eechen 2019-08-23 11:25 評論0 收藏0
react源碼解析002 - 關于babelrc

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

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

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

waruqi 2019-08-22 13:59 評論0 收藏0
從零開始搭建一個React項目

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

HollisChuang 2019-08-23 12:19 評論0 收藏0