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

来源：懂视网责编：小采时间：2020-11-27 20:16:13

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

gulp中关于es6转es5的实例分析:gulp中关于es6转es5的实例分析npm install --save-dev gulp-babel babel-preset-es2015var babel = require("gulp-babel"); // es6 gulp.task('es6', function() { return gulp.s

推荐度：

点击下载本文 文档为doc格式

导读gulp中关于es6转es5的实例分析:gulp中关于es6转es5的实例分析npm install --save-dev gulp-babel babel-preset-es2015var babel = require("gulp-babel"); // es6 gulp.task('es6', function() { return gulp.s

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

推荐度：

点击下载本文 文档为doc格式

标签：例子 ES6 es5

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐