【前端】在Gulp中使用Babel

zhaokang555

发布于 2023-10-17 09:50:33

1480

发布于 2023-10-17 09:50:33

文章被收录于专栏：赵康的日常专栏赵康的日常专栏

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