npm install --save-dev gulp-babel
安裝 Gulp 上 Babel 的插件。
npm install --save-dev babel-preset-es2015
安裝 Babel 上將 ES6 轉換成 ES5 的插件。
gulp 配置:
var gulp = require("gulp"); var babel = require("gulp-babel"); gulp.task("default", function () { return gulp.src("src/**/*.js")// ES6 源碼存放的路徑 .pipe(babel()) .pipe(gulp.dest("dist")); //轉換成 ES5 存放的路徑 });
babel配置:
在項目根路徑創建文件 .babelrc
。內容為
{ "presets": ["es2015"] }
最后: 執行 gulp 。