गल्प/ब्राउजरिफाइंड बंडल पर कई ट्रांसफॉर्म चलाना

Question

मेरे पास एक रिएक्ट घटक है जिसे मैं एक बंडल फ़ाइल में निर्यात कर रहा हूं। मैं इसे बेबेलिफ़ाई का उपयोग करके सफलतापूर्वक बदल रहा हूं, हालांकि, अब मैं इसे सक्रिय करना चाहता हूं। मुझे यह पता लगाना प्रतीत नहीं होता कि ब्राउजरिफ़ का उपयोग करके एकाधिक ट्रांसफॉर्म कैसे चलाएं। मुझे लगता है कि यह संभव होना चाहिए, लेकिन मैं यह नहीं बता सकता कि मेरा वाक्यविन्यास थोड़ा बंद है या अगर मुझे कस्टम ट्रांसफॉर्म लिखना है या मुझे अपने पैकेज.जेसन में ट्रांसफॉर्म निर्दिष्ट करना चाहिए। यहां मेरी गल्प फ़ाइल में कोड है:

var bundleComponent = function(bundler, source, component) { 
    //bundler is just browserify('./client/components/TVScheduleTab/render.js') 

    gutil.log('Bundling ' + component) 

    return bundler 
    //this throws an error 
    .transform(babelify, envify({ 
     NODE_ENV: 'production' 
    })) 
    .bundle() 
    .on('error', function(e){ 
     gutil.log(e); 
    }) 
    .pipe(source) 
    .pipe(gulp.dest('output/')); 
}; 

Answer 1

क्या आपने चेनिंग करने का प्रयास किया है? सही समाधान टिप्पणियां

var bundleComponent = function(bundler, source, component) { 
    //bundler is just browserify('./client/components/TVScheduleTab/render.js') 

    gutil.log('Bundling ' + component) 

    return bundler 
    //this throws an error 
    .transform(babelify) 
    .transform(envify({ 
     NODE_ENV: 'production' 
    })) 
    .bundle() 
    .on('error', function(e){ 
     gutil.log(e); 
    }) 
    .pipe(source) 
    .pipe(gulp.dest('output/')); 
}; 

Answer 2

इस जवाब को स्वीकार कर लिया जवाब के बाद दिखाई देता हालांकि में है, और कुछ हद तक स्वीकार किए जाते हैं सवाल को शामिल किया गया है, मैं यह बिना स्पष्ट जुड़ा हुआ GitHub मुद्दे माध्यम से नेविगेट करने की जरूरत बनाना चाहते थे।

श्रृंखलन, envify साथ विशेष रूप से, दिखना चाहिए:

// NOTE: the "custom" part 
var envify = require('envify/custom'); 

gulp.task('build-production', function() { 
    browserify(browserifyOptions) 
     .transform(babelify.configure(babelifyOptions)) 
     .transform(envify({ 
      NODE_ENV: 'production' 
     })) 
     .bundle() 
     .on('error', handleErrors) 
     .pipe(source('app.js')) 
     .pipe(buffer()) 
     .pipe(uglify({ mangle: false })) 
     .pipe(gulp.dest('./build/production/js')); 
});