安装插件
npm install --save-dev gulp-babel @babel/core @babel/preset-env
package.json
{
"name": "gulpes6",
"version": "1.0.0",
"description": "",
"main": "gulpfile.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"@babel/core": "^7.12.10",
"@babel/preset-env": "^7.12.11",
"babel-preset-es2015": "^6.24.1",
"gulp": "^4.0.2",
"gulp-babel": "^8.0.0"
}
}
文件夹目录
需要在根目录新建一个gulpfile.js文件
gulpfile.js
var gulp = require('gulp');
const babel = require('gulp-babel');
const folder = {
src: "src/",
dist: 'dist/'
}
gulp.task('js',done=> {
gulp.src(folder.src + "js/*")
.pipe(babel({presets: ['@babel/env']}))
.pipe(gulp.dest(folder.dist + "js/"))
done();
})
gulp.task("default", gulp.series('js'));
在根目录执行gulp就可以把es6的一些方法转为es5,注意是 一些。