为什么我使用gulp-babel不能将es6编译成es5

我是按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';

最后编译出来的文件内容还是:


'use strict';

let a = 'hello world';

这什么情况?

阅读 6.8k
1 个回答

还需要安装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"));
});
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题