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

为什么我使用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';

这什么情况?


还需要安装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"));
});
【热门文章】
【热门文章】