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"
  }

}

 

posted @ 2016-11-28 10:27  Model-Zachary  阅读(252)  评论(0编辑  收藏  举报