【前端】在Gulp中使用Babel

Install

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

用法1：

代码语言：javascript复制

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。内容为

代码语言：javascript复制

{
    "presets": ["es2015"]
}

再

代码语言：javascript复制

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

gulp babel src 前端 源码

0 人点赞