首页 > web前端 > js教程 > 正文

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

黄舟
发布: 2017-07-24 13:43:35
原创
1949 人浏览过

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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板