create-react-app+eslint配置+precommit

1、根路径增加.eslintignore文件：

build/*.js

config/*.js

 

2、安装依赖：

eslint-config-airbnb

 

3、根路径增加.eslintrc.js文件

 

module.exports = {

"parser": "babel-eslint",

"env": {

"browser": true,

"es6": true,

"node": true

},

"parserOptions": {

"ecmaVersion": 6,

"sourceType": "module"

},

"extends": "airbnb",

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

"rules": {

"react/jsx-filename-extension": [1, { extensions: [".js"] }], // 允许js文件使用jsx语法

"react/prop-types": 1, // 开启PropTypes验证

"react/forbid-prop-types": 0,

"react/prefer-stateless-function": 1, // 建议使用函数式组件

"linebreak-style": 0,

"react/jsx-one-expression-per-line": 0,

"react-hooks/rules-of-hooks": "error", // 检查 Hook 的规则

"react-hooks/exhaustive-deps": "warn", // 检查 effect 的依赖

'import/no-unresolved': [1, { ignore: ['^@/'] }],

}

}

 

4、per-commit

(1) yarn add pre-commit --dev

(2) package.json的scripts

"scripts": {

...

"lint": "eslint --fix --ext .js --ext .jsx src"

},

(3) package.json增加

"pre-commit": [

"lint"

]

转载于:https://www.cnblogs.com/jessicaDuan/p/11437020.html