2016-12-07 1 views
14

나는 사용하여 내 linting 오류를 autofixing 수 있도록 내 웹팩 설정에 eslint 속성을 사용할 수 있습니다 내 webpack 설정에서 어디에 설정해야할지 모르기 때문에 자동 수정 기능을 사용할 수 없습니다. 내 webpack configFile에서 eslint 속성을 사용하면 WebpackOptionsValidationError이 발생합니다.웹팩 2 eslint 로더 자동 수정

답변

26

webpack v2를 사용하여 linting 규칙 자동 수정 (이상)은 eslint-loader을 사용하는 것입니다. 에서

당신의 webpack.config.js 당신이 할 것 :

module.exports = { 
    // ... 
    module: { 
    rules: [ 
     { 
     test: /\.jsx?$/, // both .js and .jsx 
     loader: 'eslint-loader', 
     include: path.resolve(process.cwd(), 'src'), 
     enforce: 'pre', 
     options: { 
      fix: true, 
     }, 
     }, 
     // ... 
    ], 
    }, 
    // ... 
}; 
+0

글렌 감사드립니다. 내 설정에서 정확히 같은 규칙을 설정했다. 나는'loader : 'eslint-loader'대신'use : 'eslint-loader'를 사용했다. 나는 그 키가 동일한 기능 (https://webpack.js.org/configuration/module/#rule-loader)을 가지고 있다는 인상하에 있었지만, 차이점은'use'는 값으로 Array를 필요로하고'loader'는 그냥 문자열. – Dani