वेबपैक कॉन्फ़िगरेशन में अज्ञात संपत्ति 'प्रीलोडर्स'

Question

है, मैं स्क्रैच से वेबपैक सीख रहा हूं। मैंने जावास्क्रिप्ट फ़ाइलों को आवश्यकतानुसार लिंक करने का तरीका सीखा है। मैं अपनी जेएस फाइलों को बंडल और छोटा कर रहा हूं और मैं घड़ी के साथ बदलावों को सुन रहा हूं। मैं अपनी एसएएस फाइलों को सीएसएस में बदलने के लिए लोडर सेट अप कर रहा हूं। लेकिन जब मैं jshint-loader के साथ एक लिटिंग प्रक्रिया स्थापित करने का प्रयास करता हूं, तो मैं मुद्दों में भाग ले रहा हूं।

module: { 
preLoaders: [ 
     { 
      test: /\.js$/, // include .js files 
      exclude: /node_modules/, // exclude any and all files in the node_modules folder 
      loader: "jshint-loader" 
     } 
], 

loaders: [ 
    { 
    test: /\.scss$/, 
    loader: 'style-loader!css-loader!sass-loader' 
    }, 
    { 
    test: /\.js$/, 
    loader: 'babel-loader', 
    exclude: /node_modules$/, 
    query: { 
     presets: ['es2015'] 
    } 
    } 
], 

}

यहाँ त्रुटि

अमान्य विन्यास वस्तु है। वेबपैक को कॉन्फ़िगरेशन ऑब्जेक्ट का उपयोग करके प्रारंभ किया गया है जो API स्कीमा से मेल नहीं खाता है। - config.module में अज्ञात संपत्ति 'प्रीलोडर' है। इन गुणों मान्य हैं: वस्तु {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, लोडर ?, noParse ?, नियम ?, unknownContextCritical ?, unknownContextRecursive ?, unknownContextRegExp ?, unknownContextRequest ?, unsafeCache ?, wrappedContextCritical ?, wrappedContextRecursive ?, wrappedContextRegExp? } सामान्य मॉड्यूल को प्रभावित करने वाले विकल्प (NormalModuleFactory)।

Answer 1

v2.1-beta.23 से लोडर अनुभाग का नाम बदल दिया गया है और पूर्व/पोस्टलोडर अब लागू नियम के साथ प्रत्येक नियम के तहत परिभाषित किया गया है।

तो बस नियमों के preloaders नाम बदलने और आप ;-)

Answer 2

आप जाहिरा तौर पर webpack v2 के साथ webpack v1 के लिए उदाहरण का उपयोग करने की कोशिश कर रहे करने के लिए तैयार होना चाहिए। सीधे changelog से:

module: { 
- preLoaders: [ 
+ rules: [ 
     { 
     test: /\.js$/, 
+  enforce: "pre", 
     loader: "eslint-loader" 
     } 
    ] 
    } 

Answer 3

प्रथम स्थापना रद्द करें webpack

NPM स्थापना रद्द करें webpack --save-देव

के बाद NPM webpack@2.1.0-beta.22 स्थापित - save-dev

Answer 4

यदि आप वेबपैक 2 का उपयोग कर रहे हैं तो आप लोडर्स सरणी के अंदर लागू 'प्री' टैग का उपयोग कर सकते हैं और यह प्रीलोड के रूप में काम करेगा कृपया नीचे दिए गए कोड को देखें विवरण के लिए

module: { 
    loaders: [ 
     { 
      test: /\.js$/, 
      exclude: /node_modules/, 
      loader: 'jshint-loader', 
      //this is similar to defining a preloader 
      enforce: 'pre' 
     }, 
     { 
      test: /\.es6$/, 
      exclude: /node_modules/, 
      loader: "babel-loader" 
     } 
    ] 

},