2016-12-07 10 views
14

webpack 1.x में मैं का उपयोग कर मेरी linting त्रुटियों autofixing सक्षम करने के लिए मेरी webpack config में eslint संपत्ति इस्तेमाल कर सकते हैं ऑटो फिक्स कार्यक्षमता का उपयोग करने में असमर्थ रहे हैं, क्योंकि मुझे नहीं पता कि इसे मेरे वेबपैक कॉन्फ़िगरेशन में कहां सेट करना है। मेरे वेबपैक कॉन्फ़िगरेशन में एस्लिंट प्रॉपर्टी का उपयोग करना WebpackOptionsValidationError फेंकता है।Webpack 2 eslint-लोडर ऑटो ठीक

उत्तर

26

वेबपैक 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

धन्यवाद ग्लेन। मेरे पास मेरी कॉन्फ़िगरेशन में बिल्कुल वही नियम सेट था। सिवाय इसके कि मैं 'लोडर: 'एस्लिंट-लोडर' के स्थिर में 'उपयोग:' एस्लिंट-लोडर 'का उपयोग कर रहा था। मैं इस धारणा के तहत था कि उन चाबियों में समान कार्यक्षमता थी (https://webpack.js.org/configuration/module/#rule-loader), लेकिन अंतर यह है कि 'उपयोग' को एक ऐरे को मान के रूप में आवश्यक है और 'लोडर' की आवश्यकता है बस एक स्ट्रिंग। – Dani

संबंधित मुद्दे