आज आप अग्रिम पर ईएस 6 वादों का उपयोग कैसे करते हैं?

Question

मैं ईएस 6 वादों वाली फ़ाइल संकलित करने के लिए बेबेल का उपयोग करने की कोशिश कर रहा हूं। मैंने बेबेल-क्ली, बेबेल-प्रीसेट-एएस2015, बेबेल-प्लगइन-एएस 6-वादा स्थापित किया है।

मेरे .babelrc config है:

{ 
    "presets": ["es2015"], 
    "plugins": ["es6-promise"] 
} 

मैं js संकलित कर ली आवश्यकता के साथ() के अंदर दाखिल, लेकिन मैं उपयोग करने के लिए बिल्कुल भी आवश्यकता नहीं करना चाहती।

क्या आज जेएस की आवश्यकता के बिना अग्रिम पक्ष में es6 वादों का उपयोग करने की कोई संभावना है?

कोलाहल के साथ वादे कार्यान्वयन नमूना ES6 के लिए किसी भी लिंक प्रदान करें (या कोलाहल + भी साथ की आवश्यकता होती है क्योंकि मैं के रूप में अच्छी तरह से काम कर रहा js की आवश्यकता नहीं मिल सकता है)

पुनश्च: webpack का उपयोग करने के लिए wan't न करें।

Answer 1

वेबपैक + बेबेल - सामने के लिए। Node.js 5 + Node.js

Answer 2

वहाँ ES6 वादों js की आवश्यकता के बिना दृश्यपटल तरफ आज का उपयोग कर की किसी भी संभावना है के लिए संस्करण/कोलाहल से रजिस्टर?

नवीनतम क्रोम/फ़ायरफ़ॉक्स/सफारी/एज में, वचन already supported natively हैं।

यदि आप पुराने ब्राउजर समर्थन की तलाश में हैं, तो बेबेल के बिना एक आसान तरीका, पॉलीफ़िल लाइब्रेरी का उपयोग करना आवश्यक है या कुछ भी है।

यहाँ पुस्तकालयों सही व्यवहार कल्पना द्वारा निर्दिष्ट है कि कर रहे हैं:

• : यहाँ

  • es6-promise
  • Native Promises Only

  और कर रहे हैं अतिरिक्त अनुकूलित व्यवहार के साथ कुछ BlueBird

• Q

बेशक

, ऊपर बस कुछ और अधिक लोकप्रिय होते हैं लेकिन वहाँ कई अन्य लोगों के शोध करके प्राप्त कर सकते हैं।

यदि आप अन्य ES6 सुविधाओं का उपयोग करना चाहते हैं, और विशेष रूप से पुराने ब्राउज़र पर, आपको अभी भी बेबेल की आवश्यकता होगी।

---

वादों ES6 के कोलाहल के साथ कार्यान्वयन नमूना किसी भी लिंक प्रदान करें (या यहां तक ​​कि कोलाहल के साथ + की आवश्यकता होती है क्योंकि मैं के रूप में अच्छी तरह से काम कर रहा js की आवश्यकता नहीं मिल सकता है) कैसे करने के लिए

babel website's setup का वर्णन करता है मूल रूप से किसी भी पर्यावरण में इसका उपयोग करें जिसे आप सोच सकते हैं।यदि webpack अपनी आवश्यकताओं के लिए बहुत भारी है, मैं using gulp की सलाह देते हैं और यहाँ एक thorough guide on how

Answer 3

कोलाहल ही सिर्फ एक transpiler, यह ES5 को ES6 से अनुवाद है, और कुछ नहीं। चूंकि ES6 मॉड्यूल है, जो आयात के लिए इस्तेमाल किया जा सकता शामिल हैं चाहते:

import Awesome from './Awesome' 

कोलाहल कि transpile जाएगा आप के लिए require बयान में है, लेकिन वास्तविक आवश्यकता के बारे में परवाह नहीं। इसलिए आपको किसी भी ढांचे की आवश्यकता है जो एएमडी शैली की आवश्यकता को लागू करता है, जैसे ब्राउज़र या कुछ ऐसा। वेबपैक इसके लिए भी संभाल लेगा, इसलिए यदि आप वेबपैक + बेबेल का उपयोग करते हैं, तो सभी आवश्यक कोड उपलब्ध होंगे और नए import कथन के माध्यम से ES6 मॉड्यूल (और वादा भी) का उपयोग करने के आपके तरीके में कुछ भी नहीं है।

मैं एक webpack.config.js उस तरह उपयोग कर रहा हूँ:

module.exports = { 
    entry: ['babel-polyfill', './js/main.js'], 
    output: { 
     path: './bin/js', 
     filename: 'main.js', 
    }, 

    devtool: 'source-map', 

    module: { 
     loaders: [{ 
      test: /\.js$/, 
      exclude: /node_modules/, 
      loader: 'babel-loader' 
    }] 
    } 
} 

और एक .babelrc इस तरह:

{ 
    "presets": [ "es2015", "stage-3" ], 
    "plugins": [ 
     "external-helpers", 
     "transform-async-to-generator", 
     "transform-runtime" 
    ] 
} 

इससे पहले कि मैं Webpack उपयोग करने के लिए शुरू किया, मैंने Gulp का इस्तेमाल किया और browserify, पहले संकलन और से करने के लिए बंडल करने के लिए, लेकिन वेबपैक के साथ सेटअप बहुत आसान है, इसलिए मैंने इसका उपयोग करने का फैसला किया ...