gulp中关于es6转es5的实例分析

来源：百万美食网

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的实例分析