2016-08-22 14 views
5

के साथ हिलाकर मैं पेड़ हिलाने की सुविधा का उपयोग करना चाहता हूं ऐसा लगता है कि हमें babel-preset-es2015-webpack इंस्टॉल करने की आवश्यकता नहीं है। हम अभी भी babel-preset-es2015 का उपयोग कर सकते हैं और मॉड्यूल ध्वज को e2015 प्रीसेट के लिए गलत पर सेट कर सकते हैं। मैंने नीचे दिखाए गए अनुसार मेरी वेबपैक कॉन्फ़िगरेशन बदल दी जिसके परिणामस्वरूप मेरे प्रतिक्रिया घटकों में आयात लाइन पर "अप्रत्याशित टोकन आयात" त्रुटि हुई।वेबपैक es2015 पेड़ प्रतिक्रिया

module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'babel', 
     query: { 
      presets: [['es2015', {modules: false}], 'react'] 
     } 
     }, 
     { 
     test: /\.scss$/, 
     loader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader") 
     } 
    ] 
    } 

मैं भी प्रीसेट स्थापित करने का प्रयास के रूप में [ 'es2015', 'प्रतिक्रिया', {मॉड्यूल: झूठी}] तब मैं कंसोल
मॉड्यूल निर्माण पर अलग त्रुटि में विफल रहा है मिल गया: ReferenceError: [कोलाहल] सी: \ एफई-प्रोज-टेम्पलेट्स \ webpack \ main.js: हटाए गए बेबेल 5 विकल्प का उपयोग करना: विदेशी। मॉड्यूल - plugins विकल्प में संबंधित मॉड्यूल ट्रांसफॉर्म प्लगइन का उपयोग करें। http://babeljs.io/docs/plugins/#modules

मैं प्रीसेट es2015 को मॉड्यूल ध्वज झूठी के साथ कैसे सेट कर सकता हूं और रीसेट प्रीसेट का भी उपयोग कर सकता हूं?

+0

आप webpack 2 (बीटा) का उपयोग कर रहे है? वेबपैक 1 ES2015 मॉड्यूल (और पेड़ हिलाने) का समर्थन नहीं करता है। – Ambroos

+0

हां मैं वेबपैक 2 –

+0

@NeginBasiri का उपयोग कर रहा हूं क्या आपको कोई समाधान मिला? –

उत्तर

12

यह अद्यतन और काम करता है

presets: [['es2015', {modules: false}], 'react'] 
+9

यह ध्यान रखना महत्वपूर्ण है कि '['2015', {मॉड्यूल: झूठी}] 'एक अलग सरणी में है। मैंने इसे पहले नजरअंदाज कर दिया। – vkjb38sjhbv98h4jgvx98hah3fef

+0

आप इसे 'ढीला: सत्य' जोड़ने के साथ थोड़ा और अनुकूलित कर सकते हैं जैसे प्रीसेट: [['es2015', {ढीला: सत्य, मॉड्यूल: झूठा}], 'प्रतिक्रिया'] ' – AntK

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