2016-12-07 5 views
14

私が使用して私のリンティングエラーをautofixing有効にするために、私のWebPACKの設定でesl​​intプロパティを使用することができます私はwebpackの設定でどこに設定するのかわからないので、自動修正機能を使用することができませんでした。私のwebpack configFileでeslintプロパティを使うと、WebpackOptionsValidationErrorがスローされます。WebPACKの2 eslintローダ自動修正

答えて

26

webpack v2を使用して自動修正糸くず処理ルール(以上)は、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'には値として配列が必要であり、' loader'にはちょうどストリング。 – Dani

関連する問題