gulpfile.js

Question

में कोलाहल-polyfill का उपयोग कैसे करें कोलाहल docs में वे सिर्फ इतना है कि import "babel-polyfill"; शामिल करने के लिए इतना है कि मैं ES6 जनरेटर का उपयोग कर सकते हैं लेकिन उसके बाद मैं अपने gulpfile.js में है कि रेखा शामिल मैं अब भी जनरल एक अपवाद कहते हैं: Uncaught ReferenceError: regeneratorRuntime is not defined यह मेरी gulpfile.js

import 'babel-polyfill'; 

var gulp = require("gulp"), 
babel = require("gulp-babel"), 
concat = require('gulp-concat'), 
rename = require('gulp-rename'), 
uglify = require('gulp-uglify'); 

gulp.task("babel", function() { 
return gulp.src(jsSrc) 
    .pipe(concat('Main.js')) 
    .pipe(babel()) 
    .pipe(gulp.dest(jsDest)) 
    .pipe(rename('Main-min.js')) 
    .pipe(uglify()) 
    .pipe(gulp.dest(jsDest)); 
}); 

jsSrcmaines6.js और अन्य .js फ़ाइलें है।

function* anotherGenerator(i) { 
    yield i + 1; 
    yield i + 2; 
    yield i + 3; 
} 

मैं यह कैसे उपयोग करने के लिए पता नहीं है .. क्या आप मेरी मदद कर सकते हैं: maines6.js यहाँ मेरे जनरेटर है?

Answer 1

to include the polyfill you need to require it at the top of the entry point to your application.

import 'babel/polyfill' अपने jsSrc प्रविष्टि फ़ाइल के शीर्ष पर जाने के लिए

Answer 2

जब से तुम सिर्फ घूंट और नहीं मॉड्यूल बंडलर किसी प्रकार (उदाहरण के लिए webpack)

आप चाहिए का उपयोग कर रहे की आवश्यकता होगी इस गाइड का पालन करें https://github.com/babel/gulp-babel#runtime

npm install --save-dev babel-plugin-transform-runtime 

और फिर इस

की तरह उपयोग 210

.pipe(babel({ 
     plugins: ['transform-runtime'] 
    })) 

चाल करना चाहिए :)

संपादित करें:

लगता है कि कोलाहल-प्लगइन-परिणत-क्रम बदल फाइल करने के लिए कॉल की आवश्यकता होती है जोड़ें, ताकि मुझे लगता है कि आप की आवश्यकता होगी मॉड्यूल लोडर का प्रयोग करें। मैं वेबपैक का सुझाव दूंगा, हालांकि ब्राउजरिफ़ और जेएसपीएम जैसे विकल्प हैं।

आप

npm install -g webpack 
npm install babel-loader babel-core babel-polyfill babel-preset-es2015 --save-dev 

तो फिर तुम एक webpack.config.js फ़ाइल बनाने की आवश्यकता होगी की आवश्यकता होगी। यहां एक बहुत ही प्राचीन सेटअप है।

module.exports = { 
    context: __dirname + '/app', 
    entry: ['babel-polyfill', './entries/index.js'], 
    output: { 
     path: 'dist', 
     filename: '[name].js' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js/, 
       exclude: /node_modules/, 
       loader: 'babel', 
       query: { 
        presets: ['es2015'] 
       } 
      } 
     ] 
    } 
}; 

फ़ाइल संरचना ऊपर config के साथ

की तरह इस

project/ 
    node_modules/ 
    app/ 
     entries/ 
      main.js 
    dist/ 
     main.js 
    webpack.config.js 
    package.json 

तो बस अपने कमांड लाइन से webpack चलाने looke चाहिए। यदि आप न्यूनतम संस्करण webpack -p