zoukankan      html  css  js  c++  java
  • guulp配置编译ES6

    下面是gulp的配置文件,gulp具体使用点击查看

    首先全局安装下
    cnpm install gulp -g

     gulpfile.js  gulp配置文件

    var gulp = require("gulp"),
        babel = require("gulp-babel"),
        handleErrors = require('./src/util/handleErrors');
    
       // 转译Es6
    gulp.task('Es6',function(){
        return gulp.src('src/js/*js')
               .pipe(babel({presets: ['es2015']})) 
               .on('error', handleErrors)//报错提醒 
               .pipe(gulp.dest('dist/js/')); 
    })
    gulp.task('action', ['Es6']); //先运行
    
    gulp.task("watchEs6",function(){  //检测有变化就进行编译
        gulp.watch("src/js/*js",['Es6'])
    })
    
    gulp.task('default', ['watchEs6','action']); //运行

     package.json文件

    {
      "scripts": {
        "test": "gulp"//可通过cnpm run test 运行   复制过去请把这段注释删除,否者会报错
      },

      "devDependencies": {
        "babel-preset-es2015": "^6.24.1",
        "gulp": "^3.9.1",
        "gulp-babel": "^6.1.2",
        "gulp-notify": "^3.0.0"
      }

    }
  • 相关阅读:
    【Eclipse导入外部包解决方案】由GoogleMap导入gms包问题引出
    新生活即将开始

    继续我的C旅程
    圣诞后
    新年
    来来回回;不知所云
    吵啊吵啊吵啊
    去海边
    休假结束
  • 原文地址:https://www.cnblogs.com/Model-Zachary/p/6108454.html
Copyright © 2011-2022 走看看