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中文网其它相关文章!
前端(VUE)零基础到就业课程:点击学习
自己动手写 PHP MVC 框架:点击学习
![](http://m.sbmmt.com/img/upload/article/000/000/020/633501a29d313483.png)