gulp自动化ES6转ES5

[plain] view plain copy 在CODE上查看代码片派生到我的代码片
  1. npm install --save-dev gulp  
[plain] view plain copy 在CODE上查看代码片派生到我的代码片
  1. npm install --save-dev gulp-babel  


[plain] view plain copy 在CODE上查看代码片派生到我的代码片
  1. npm install --save-dev babel-preset-es2015  

gulp配置如下:

[plain] view plain copy 在CODE上查看代码片派生到我的代码片
  1. var gulp = require("gulp");  
  2. var babel = require("gulp-babel");  
  3.   
  4. gulp.task("default", function () {  
  5.     return gulp.src("js**/*.js")// ES6 源码存放的路径  
  6.         .pipe(babel({  
  7.             presets: ['es2015']  
  8.         }))  
  9.         .pipe(gulp.dest("dist")); //转换成 ES5 存放的路径  
  10. });  


ES6列子:

[plain] view plain copy 在CODE上查看代码片派生到我的代码片
  1. let [foo, [[bar], baz]] = [1, [[2], 3]];  
  2. console.log(foo);  
  3. console.log(bar);  
  4. console.log(baz);  

转换后的es5:

[plain] view plain copy 在CODE上查看代码片派生到我的代码片
    1. "use strict";  
    2.   
    3. var foo = 1,  
    4.     bar = 2,  
    5.     baz = 3;  
    6.   
    7. console.log(foo);  
    8. console.log(bar);  
    9. console.log(baz); 
原文地址:https://www.cnblogs.com/sxz2008/p/6381917.html