一起使用create-react-app和Sublimelinter ESlint

时间:2016-08-03 17:50:21

标签: reactjs sublimetext3 eslint sublimelinter

我使用facebook的 create-react-app ,故意隐藏所有配置设置,并为我们留下一个可爱的简单文件结构

a lovely file structure

太棒了!但是出现了一个非常讨厌的事情:

SublimeLinter不再有效 因为.eslintrc配置文件不再位于项目的根目录。

要点

  • 我知道我可以在根目录下放另一个.eslintrc文件, 但我希望能够在一个地方制定我的规则

  • 我知道npm eject可以将整个项目结构放在前面,但我想保持简单。否则会变成just another boilerplate

  • 我注意到在package.json中 a clue inside the package.json

我已经尝试了什么?

我想到的方向是改变:

"eslintConfig": {
   "extends": "./node_modules/react-scripts/config/eslint.js"
}

到:

"eslintConfig": {
   "extends": "./.eslintrc.js"
}

但它似乎需要所有的eslint-plugins(从node_modules神奇地隐藏),所以我不确定它是否正确。

任何见解?

1 个答案:

答案 0 :(得分:17)

  

SublimeLinter不再有效,因为.eslintrc配置文件不再位于项目的根目录。

这不正确。

SublimeLinter可以很好地工作但是你目前必须全局安装一些东西。生成的项目的自述文件包括instructions to get linter IDE integration working

  

最后,您需要在全球范围内安装一些软件包:

npm install -g eslint babel-eslint eslint-plugin-react eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-flowtype
     

我们认识到这不是最理想的,但由于隐藏ESLint依赖关系的方式,目前需要它。 ESLint团队已经working on a solution to this,所以这可能在几个月内变得不必要了。

当然,这是假设您对我们为您挑选的ESLint配置很好。