在根目录下创建.eslintrc.json,下面贴一下我的配置,每一项具体的意思大家可以去网上查一下,此篇文章不再写出
{
"root": true, //根配置,每一个文件夹都可以配置eslintrc文件,依次向外找该文件,找到 "root": true, 则停止,我再最外层只配置了一个eslintrc文件,则所有的文件只依赖这一个文件的规则
"parser": "babel-eslint",
"env": {
"browser": true,
"node": true
},
"parserOptions": {
"ecmaVersion": 6,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
}
},
"rules": {
"linebreak-style": "off",
"func-names": 0,
"max-len": [
"warn",
200,
4,
{
"comments": 150
}
],
"indent": [
"error",
2,
{
"SwitchCase": 1
}
],
"react/jsx-indent": [
2,
2
],
"semi": 0,
"react/sort-comp": 0,
"react/prop-types": 0,
"react/prefer-es6-class": 0,
"react/prefer-stateless-function": 0,
"react/jsx-first-prop-new-line": 0,
"react/jsx-filename-extension": 0,
"no-return-assign": 0,
"react/no-multi-comp": 0,
"array-callback-return": 0,
"no-underscore-dangle": 0,
"no-bitwise": [
"error",
{
"allow": [
"~"
]
}
],
"no-plusplus": 1,
"no-unused-expressions": [
"warn",
{
"allowShortCircuit": true,
"allowTernary": true
}
],
"import/no-unresolved": 0,
"import/no-extraneous-dependencies": 0,
"jsx-a11y/no-static-element-interactions": 0,
"jsx-a11y/img-has-alt": 0,
"no-unused-vars": [
"warn",
{
"vars": "all",
"args": "none"
}
],
"react/no-unused-state": [
"warn"
],
"no-param-reassign": [
"error",
{
"props": false
}
],
"object-shorthand": 0,
"jsx-a11y/anchor-is-valid": 0,
"react/no-array-index-key": 0,
"jsx-a11y/click-events-have-key-events": 0,
"import/extensions": 0,
"no-debugger": "off",
"react/jsx-closing-tag-location": 0,
"import/prefer-default-export": 0,
"react/forbid-prop-types": 1,
"class-methods-use-this": 0,
"consistent-return": 1,
"import/first": 1,
"no-console":"off",
"prefer-destructuring": [
"warn"
],
"object-curly-newline": [
"error",
{
"minProperties": 5,
"consistent": true,
"multiline":true
}
]
}
}
2.在webpack.config.js配置文件中