一、

npm install gulp-babel

npm install babel-preset-es2015 另外还需要安装 babel的插件babel-preset-es2015

二、

在项目目录下新建文件es6.js

const a='aaa'

const b={

a,

  x(){

console.log('this is function')

}}

另外gulpfile.js文件内容为

var gulp=require('gulp');

var uglify = require('gulp-uglify');

var concat = require('gulp-concat');

var csso=require('gulp-csso');

var cssConcat=require('gulp-concat-css')

var less=require('gulp-less');

var postcss=require('gulp-postcss');

var autoprefixer = require('autoprefixer');

var imagemin = require('gulp-imagemin');

var pump=require('pump');

var rev = require('gulp-rev');

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

gulp.task('babel',function(){

gulp.src('es6.js') //

.pipe(babel({

presets:['es2015'] //传入es2015的配置，告诉babel 编译es2015的js格式

}))

.pipe(gulp.dest('dist'));

})

三、控制台运行

huangmindeMacBook-Pro:gulp_test_directory huangmin$ gulp babel

module.js:550

    throw err;

    ^

Error: Cannot find module '@babel/core'

四、尝试解决 npm install babel-core

[07:43:17] Using gulpfile ~/Documents/test_workspace/gulp_test_directory/gulpfile.js

[07:43:17] Starting 'babel'...

控制台未报错，但没有在dist目录下生成es6.js