gulp babel安装成功了为什么不能将es6编译成es5

完全是按照官网来安装 的还是这样,文件都没有复制,
2025-05-24 12:09:55
推荐回答(2个)
回答1:

按babel官方教程来配置的:

gulpfile.js

var gulp = require("gulp");var babel = require("gulp-babel");

gulp.task("default", function () {    return gulp.src("src/app.js")
.pipe(babel())
.pipe(gulp.dest("dist"));
});

app.js

'use strict';let a = 'hello world';

还需要安装babel-preset-es2015插件,才能把es6编译成es5

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

在gulpfile.js中增加presets

var gulp = require("gulp");var babel = require("gulp-babel");

gulp.task("default", function () {    return gulp.src("src/app.js")
.pipe(babel({            presets: ['es2015']
}))
.pipe(gulp.dest("dist"));
});

回答2:

需要安装babel-preset-es2015插件,才能把es6编译成es5
npm install --save-dev babel-preset-es2015

在gulpfile.js中增加presets
var gulp = require("gulp");
var babel = require("gulp-babel");

gulp.task("default", function () {
return gulp.src("src/app.js")
.pipe(babel({
presets: ['es2015']
}))
.pipe(gulp.dest("dist"));
});