react中配置eslint和flow

共计 253 字，约需阅读 0.92 分钟

react 中配置 eslint 和 flow

react 中配置 flow

  • 用npm install -g flow-bin flow-scripts全局安装flow
  • 用npm install babel-preset-flow flow-bin flow-scripts安装babel-preset-flow flow-bin flow-scripts相关包
  • 在根目录下的.babelrc文件中做flow相关的配置，配置文件如下：
1
2
3
4
5
"presets": [
  "react",
  "es2015",
  "flow"
]
  • 在工程根目录下运行flow init初始化flow，产生一个.flowconfig文件，加入相关配置后的文件具体内容如下：
1
2
3
4
5
6
7
8
9
10
11
[ignore]
.*/node_modules/.*
[include]
./src/**/*.js
[libs]
./node_modules/.*
[lints]

[options]

[strict]
  • 在需要引入flow检查的文件的头部加入//@flow或者/*@flow*/对文件进行flow检查
  • 具体用法参考flow

react 中配置 eslint

  • 用npm install -g eslint命令全局安装eslint
  • 用npm install babel-eslint eslint-plugin-jsx-a11y eslint-plugin-react安装eslint的react插件
  • 用 eslint --init初始化工程项目，按照提示给出答案，在项目根目录下产生.eslintrc.js文件
  • 在根目录下新建.eslintignore文件，在文件中添加需要忽略的文件和文件夹