【前端】在Gulp中使用Babel

Install

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

用法1：

const gulp = require('gulp');
const babel = require('gulp-babel');
 
gulp.task('default', () => {
    return gulp.src('src/app.js')
        .pipe(babel({
            presets: ['es2015']
        }))
        .pipe(gulp.dest('dist'));
});

用法2：

在项目根路径创建文件 .babelrc。内容为

{
    "presets": ["es2015"]
}

再

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 存放的路径
});

参考文献：

• gulp-babel
• 将 ES6 代码转换成 ES5

转载于:https://www.cnblogs.com/forzhaokang/p/5350176.html