React와 Webpack으로 Airbnb ESLint 설정하기

Question

React 프로젝트에서 Airbnb의 Javascript 표준을 사용하여 linting을 설정하려고합니다. webpack을 사용합니다.

의견을 기반으로 최신 패키지로 업데이트되었습니다.

"babel-eslint": "^6.1.2", 
"eslint": "^3.2.2", 
"eslint-config-airbnb": "^10.0.0", 
"eslint-plugin-import": "^1.12.0", 
"eslint-plugin-jsx-a11y": "^2.0.1", 
"eslint-plugin-react": "^6.0.0", 
"jshint": "^2.9.2", 
"jshint-loader": "^0.8.3", 
"json-loader": "^0.5.4", 

나는 또한 내 웹팩 설정에

preLoaders: [ 
    { 
     test: /\.jsx?$/, 
     loaders: ['eslint'], 
     // define an include so we check just the files we need 
     include: PATHS.app 
    } 
], 

을 프리 로더의 설정을 가지고 그리고는 가

나는 또한 다음을 가진 .eslintrc 파일이 스크립트

"lint": "eslint . --ext .js --ext .jsx --ignore-path .gitignore --cache", 

을 실행하기위한 설정 다음

{ 
    "extends": "airbnb", 
    "env": { 
     "node": true, 
     "es6": true 
    } 
} 

이 나에게 다음과 같은 오류 제공 :

Configuration for rule "react/jsx-sort-props" is invalid: 
Value "data["0"].shorthandLast" has additional properties. 

은 내가 충돌 수 있습니다 생각 .eslintrc 파일을 제거하는 경우를, 나는 다음과 같은 오류 얻을 :

error Parsing error: The keyword 'const' is reserved 

작업을 일으키는 NPM 오류로 이어가 나가기 위해서.

도움이 될 것입니다.

Answer 1

그래서, 저도 같은 문제를 가지고,하지만 난 현재 패키지의 최신 버전 사용하여이 오류를 수정 :

"eslint": "3.2.2", 
"eslint-config-airbnb": "10.0.0", 
"eslint-loader": "1.5.0", 
"eslint-plugin-import": "1.12.0", 
"eslint-plugin-jsx-a11y": "2.0.1", 
"eslint-plugin-mocha": "2.2.0", 
"eslint-plugin-react": "6.0.0", 

을 그리고,이 튜토리얼을 수행하십시오 React Code Style with ESLint + Babel + Webpack

module: { 
    preLoaders: [ 
     { 
     test: /\.jsx?$/, 
     loaders: ['eslint-loader'], 
     include: path.join(__dirname, 'src'), 
     exclude: path.join(__dirname, 'src/app/container') 
     } 
    ], 
... 
    eslint: { 
     configFile: './.eslintrc', //your .eslintrc file 
     emitWarning: true 
    } 

이

파일 .eslintrc을

{ 
     "extends": "airbnb" 
    }