2016-12-07 30 views
14

kullanıyorum benim linting hatalarını autofixing etkinleştirmek için benim webpack config eslint özelliğini kullanabilirsiniz otomatik düzeltme işlevini kullanamadık çünkü webpack yapılandırmamda nereye yerleştireceğimi bilmiyorum. Webpack yapılandırma dosyamda eslint özelliğini kullanarak bir WebpackOptionsValidationError atar.WebPack 2 eslint-yükleyici otomatik düzeltme

cevap

26

webpack v2 (ve daha üstü) ile otomatik düzeltme düzeltme kuralları için en yaygın yol eslint-loader kullanmaktır. Gelen

senin webpack.config.js yapardın:

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

Glenn ederiz. Benim yapılandırmda tam olarak aynı kuralı ayarladım. Dışında kullanıyorum: 'loader: 'eslint-loader' yerine 'eslint-loader' '. Bu anahtarların aynı işlevselliğe sahip olduğu izlenimindeydim (https://webpack.js.org/configuration/module/#rule-loader), ancak fark, 'use' 'in bir Array' a ihtiyaç duyması ve 'loader' gerektirmesi gerektiğidir. sadece bir dize. – Dani

İlgili konular