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中文網其他相關文章!