React Native项目添加ESlint代码检查
装包:
yarn add eslint
yarn add onchange
.eslintrc.js:
module.exports = {
env: {
jest: true,
browser: true,
commonjs: true,
es2021: true,
},
extends: ['eslint:recommended', 'plugin:react/recommended'],
overrides: [],
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
ecmaFeatures: {
jsx: true,
},
},
plugins: ['react'],
rules: {
//prop-types来检查类型
'react/prop-types': 'off',
'react/react-in-jsx-scope': 'off',
},
globals: {
process: true,
Buffer: true,
},
// 在 .eslintrc.js 中需要指定react版本号:
settings: {
react: {
/**
* "detect" automatically picks the version you have installed.
* You can also use `16.0`, `16.3`, etc, if you want to override the detected value.
* default to latest and warns if missing
*/
version: '999.999.999', // It will default to "detect" in the future
// "version": "detect"
// "version": "16.12.0"
},
},
}
.eslintignore:
/src/static
package.json:
"scripts": {
"lint": "./node_modules/.bin/eslint src/** --ext .js,.jsx,.ts,.tsx",
"watch": "onchange -i \"**\" -- npm run lint"
},
运行:
yarn watch
参考链接:
https://blog.csdn.net/zlq_CSDN/article/details/105628773
https://blog.csdn.net/tuzi007a/article/details/129867139
https://blog.csdn.net/weixin_43820866/article/details/116522307