2015-12-05 28 views
21

के साथ ES2015 कोड को छोटा करें (पारदर्शी नहीं) ES2015 कोड को ईएस 5 में पार किए बिना कैसे कम करें? लोकप्रिय gulp-minify और gulp-uglify मॉड्यूल बस ES2015 कोड को कम करने के साथ काम नहीं करते हैं।गुलप

+0

आप [इस] के लिए स्वीकार किए जाते हैं जवाब (http://stackoverflow.com/a/ बदल सकता है 39169594/3853934)? –

उत्तर

23

अब यह कोड transpiling बिना ES2015 कम करें संभव है। babel minify (पहले बेबीली) एक बेबेल प्रीसेट है जो ऐसा करता है।

स्थापित करने के लिए कार्य करें:

npm install --save-dev babel-preset-minify 

घूंट के साथ इसका इस्तेमाल करने के लिए आपको बस इतना:

var gulp = require('gulp') 
var babel = require('gulp-babel') 
gulp.task('default',() => { 
    return gulp.src('src/app.js') 
    .pipe(babel({presets: ['minify']})) 
    .pipe(gulp.dest('dist')) 
}) 
+1

आपको अपने उत्तर में 'npm इंस्टॉल babili - सेव-देव' जोड़ने की आवश्यकता है ताकि हमें ऑफ-साइट – activedecay

+0

पर क्लिक करने की ज़रूरत नहीं है मुझे भी 'npm इंस्टॉल करना होगा gulp-babel --save-dev' और ' var babel = आवश्यकता ('gulp-babel'); ' इसे बनाने के लिए काम करने के लिए। :) – Abhi

+0

और 'बेबीली' को अब 'बेबेल-मिनीफाइ' कहा जाता है – x29a

0

वर्तमान में, घूंट के साथ ES2015 कम करें लिए एक ही रास्ता है जो ES2015 के लिए "पारंपरिक" जावास्क्रिप्ट को बदलने और फिर gulp-uglify और gulp-minify का उपयोग gulp-babel उपयोग करने के लिए है।

में अधिक जानें: gulp-babel

+0

यह उत्तर अब चालू नहीं है। अपवोट विजेता – activedecay

+0

देखें क्यों वोट करें? –

+0

@ nguyên 'कारण प्रतिक्रिया अब बहिष्कृत है। नया एक टिप्पणी नीचे है –

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