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.csdn.net/qq379682421/article/details/78841149