gulp配置es6转es5

1.安装依赖

//安装ES6转码器，ES6代码转为ES5代码
//但是在npm上看到的是最新版本是7的 如果安装了8的版本会一直报找不到babel-core的错误
npm install gulp-babel@7 babel-preset-es2015 babel-core --save-dev

// 用非严禁模式编译
npm install babel-plugin-transform-remove-strict-mode --save-dev

2.在gulpfile.js文件同目录下新建.babelrc文件，它是babel的配置文件，写入以下内容，主要目的就是使用非严格模式进行编译

{
  "plugins": ["transform-remove-strict-mode"]
}

3.配置gulpfile.js

const gulp = require('gulp');
const babel = require('gulp-babel');  //新增
const uglify = require('gulp-uglify');
const rename = require('gulp-rename');
const cssnano = require('gulp-cssnano');
const concat = require('gulp-concat');
const browserify = require('browserify');
const source = require('vinyl-source-stream');

// 编译并压缩js
gulp.task('convertJS', function(){
  return gulp.src('app/js/*.js')
    .pipe(babel({             //新增
      presets: ['es2015']   
    }))
    .pipe(uglify())
    .pipe(gulp.dest('dist/js'))
})

4.执行gulp就可以了

本文参考：https://blog.youkuaiyun.com/qq379682421/article/details/78841149

                  https://www.jianshu.com/p/3a5c765092f3