使用gulp進行ES6的轉碼

ECMAScript 6.0（簡稱ES6）是JavaScript語言的下一代標準，已經在2015年6月正式發布了。身為新一代有理想有追求的程式設計師，這樣的好東西我們當然不能放過。

但是ES6的兼容問題讓大家很是頭疼，還好有ES6轉碼器這樣一個東西可以使我們擺脫這樣的困擾，那麼作為一名gulp的忠實粉絲，我們該如何簡便快速實現ES6向ES5的轉碼呢：

1.首先我們需要下載gulp-babel外掛程式和babel-preset-es2015規則集：

指令行程式碼  

npm install --save-dev gulp-babel .接下來，我們開始寫gulpfile.js檔案：

Js程式碼  

var gulp = require('gulp');  

var babel =p es6file:'src/js/test.js',  

    es5file:'dist/js/'  

};  .src(config.es6file )  

        .pipe(babel({  

             

        // .pipe(uglify())  

        .pipe(gulp.dest(configes5      .pipe(gulp.dest(configes5      .pipe(gulp.dest(configes5filefile));

});  

gulp.task('default', function () {  

    gulp.watch(config.es6file, ['es6']);任務監控：

指令列程式碼  

gulp  

 4.接下來在src/js/test.js檔案中寫入如下ES6程式碼保存，測試是否成功：

Es6 6,8,3];  

let a="likeke";  

arr.map(item=>item+1);  

 　我們開啟dist/js/test.js檔案將會看到轉換成功的程式碼

 　我們開啟dist/js/test.js檔案將會看到轉換成功的程式碼：

　

Js代碼  

"use strict";  

  

/***/ 

var a = "likeke";

arr.map(function (item) {  

  return item + 1;  

}); 

});