2017-08-26 9 views
5

मैं अपनी जावास्क्रिप्ट फ़ाइलों को लैरावेल मिश्रण के साथ संकलित कर रहा हूं, और जैसा कि मैं अभी भी बेबेल और पैकेज.जेसन पर बहुत जानकार नहीं हूं, मैं पूछना चाहता हूं कि क्या लैरावेल मिक्स ES8 का समर्थन करता है, विशेष रूप से async/await?क्या लैरावेल मिक्स ES8 का समर्थन करता है?

अगर मैं इसे आज़माता हूं, तो मैं यह नहीं बता सकता कि मिक्स एएसआईसीसी/एएस 5 की प्रतीक्षा कर रहा है या अगर एसिंक/प्रतीक्षा सिर्फ मेरे ब्राउज़र द्वारा समर्थित है, जो नवीनतम संस्करण है। मैं अभी भी इसे ES2015 में पारदर्शी बनाना चाहता हूं, इसलिए एप्लिकेशन अभी भी उन ब्राउज़रों पर काम करेगा जो केवल ES5 का समर्थन करते हैं।

+2

लार्वेल मिक्स हुड के नीचे बेबेल का उपयोग करता है, अगर सही प्लगइन को एसिंक/प्रतीक्षा वाक्यविन्यास को बेबेल करने के लिए जोड़ा जाता है। मैं वर्तमान में यह जांच कर रहा हूं कि यह कैसे करें, मैं आपको बता दूंगा। – Cobolt

+2

@Cobolt महान, किसी भी मदद की सराहना की जाएगी। यह जानने के लिए उत्साहित है कि आपकी जांच कैसे चलती है, मैं फंस गया हूं क्योंकि मुझे नहीं पता कि कहां दिखना शुरू करना है, मैंने बहुत कुछ किया है लेकिन इसका कोई फायदा नहीं हुआ है। – jcsoriano

उत्तर

11

async/Laravel मिक्स के साथ इंतजार है:

आप बॉक्स और उपयोग async से बाहर Laravel मिक्स का उपयोग करते हैं और आपको निम्न त्रुटि संदेश मिलता है इंतजार:

Uncaught ReferenceError: regeneratorRuntime is not defined

लेकिन Laravel मिक्स कोलाहल का उपयोग करता है ES2015 का समर्थन करने के लिए। यदि हमें आवश्यकता हो तो हम संकलन को कस्टमाइज़ कर सकते हैं।

async/इंतजार इस्तेमाल करने के लिए, इस सामग्री के साथ अपने रूट निर्देशिका में फाइल .babelrc जोड़ें:

{ 
    "presets": ["es2015", "stage-3"], 
    "plugins": [ 
    "transform-runtime" 
    ] 
} 

और जरूरत NPM पैकेज इंस्टॉल:

npm install babel-preset-es2015 babel-preset-stage-3 babel-plugin-transform-runtime --save-dev 

महत्वपूर्ण बात यह है (जो की वजह से त्रुटि) ट्रांसफॉर्म-रनटाइम प्लगइन है। इसे लैरावेल मिक्स के साथ नहीं भेजा जाता है, लेकिन एसिंक/प्रतीक्षा सुविधा काम करने के लिए आपको इसकी आवश्यकता है।

ES8:

आप ऊपर देखा है, तो आप कोलाहल में विभिन्न पूर्व निर्धारित चरणों का उपयोग कर सकते हैं। उनके साथ आप उन सुविधाओं का उपयोग कर सकते हैं जो ES8 या बाद में शामिल हैं। उदाहरण के लिए चरण -3 एसिंक/प्रतीक्षा सुविधा लाता है।

उनके पास उनकी वेबसाइट पर overview of the stages है।

+3

यह है .babelrc और नहीं .bashrc, है ना? – MartinSuecia

+0

@ मार्टिनसुएशिया आप सही हैं। ठीक कर दिया। –

+3

इस जवाब में सैकड़ों अपवॉट क्यों नहीं हैं? बहुत बढ़िया, तुमने मुझे घंटे बचाया, उत्कृष्ट काम! – Mjh

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