zoukankan      html  css  js  c++  java
  • 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); 
  • 相关阅读:
    Zabbix 3.2.1 安装 Graphtree3.0.4 或 Graphtree3.2.x
    jquery-1
    AngularJS (1)
    css-2 (Text Font)
    css
    Java经验
    js经验
    mysql经验
    MySQL 函数
    jquery 效果
  • 原文地址:https://www.cnblogs.com/sxz2008/p/6381917.html
Copyright © 2011-2022 走看看