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的实例分析的详细内容。