gulp中配置babel

1.在项目文件夹下运行

    1. npm install gulp —save-dev；

    2. npm install gulp-babel —save-dev；

    3. npm install babel-preset-env —save-dev;

    4. npm install babel-core —save-dev;

还需要在项目文件夹下建两个文件：

1. gulpfile.js gulp运行时的脚本文件

2. .babelrc babel运行时的配置文件

出现错误继续监听

1.添加一个error事件监听(事件监听必须在编译任务之后)

    var babel = require("gulp-babel");
    gulp.task("babel", function () {
  return gulp.src(srcJs)
    .pipe(babel()) 
    .on('error',errorEvent)
    .pipe(gulp.dest(distJs));

});

2.使用插件gulp-plumber(必须在编译任务之前)

安装gulp-plumber:

    npm i gulp-plumber --save-dev

var plumber=require('gulp-plumber')

var babel = require("gulp-babel");
gulp.task("babel", function () {
  return gulp.src(srcJs)
    .pipe(plumber()) 
    .pipe(babel()) 
    .pipe(gulp.dest(distJs));
});