【gulp】配置es6转es5

 【gulp】配置es6转es5

 

先安装node，而后来到项目根目录

安装gulp

npm install gulp
初始化一下

npm init -y 

安装babel

npm install --save-dev gulp-babel babel-core

安装 ES6 转换成 ES5 插件

npm install --save-dev babel-preset-es2015

在项目根目录建立文件 .babelrc ，内容

{
"presets": ["es2015"]
}
配置gulp：在根目录中建立一个gulpfile.js，内容

const gulp = require('gulp');
const babel = require("gulp-babel");

//es6转es5
gulp.task("ese", function () {
return gulp.src("src/*.js")// ES6存放路径
.pipe(babel())
.pipe(gulp.dest("dist")); //转换成 ES5 后存放的路径
});

// 监视src文件变化，自动执行任务
gulp.task('watch', function () {
gulp.watch('src/*.js', gulp.series("ese"));
})

gulp.task('start',gulp.series('ese','watch',function(){}))

运行gulp statrt便可

可是人算不如天算！报错了

因版本问题，运行

npm install gulp-babel@7 --save-dev