首頁 >web前端 >js教程 >gulp中關於es6轉es5的實例分析

gulp中關於es6轉es5的實例分析

黄舟
黄舟原創
2017-07-24 13:43:351953瀏覽

gulp中關於es6轉es5的實例分析

npm install --save-dev gulp-babel  babel-preset-es2015
var babel = require("gulp-babel");
// es6
gulp.task('es6', function() {
    return gulp.src('./wuqian/**/*.js')
        .pipe(babel())
        .pipe(gulp.dest('dist/'));
});

在專案根路徑建立檔案 .babelrc。內容為

{  "presets": ["es2015"]
}

gulp配置如下:

var gulp = require("gulp");  
var babel = require("gulp-babel");  
  
gulp.task("default", function () {  
    return gulp.src("js**/*.js")// ES6 源码存放的路径  
        .pipe(babel({  
            presets: ['es2015']  
        }))  
        .pipe(gulp.dest("dist")); //转换成 ES5 存放的路径  
});

ES6列子:

let [foo, [[bar], baz]] = [1, [[2], 3]];  
console.log(foo);  
console.log(bar);  
console.log(baz);

轉換後的es5:

"use strict";  
  
var foo = 1,  
    bar = 2,  
    baz = 3;  
  
console.log(foo);  
console.log(bar);  
console.log(baz);


#

以上是gulp中關於es6轉es5的實例分析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn