【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