gulp在3.9版本内里增加了对babel的支撑，因而我们能够直接在gulpfile内里运用ES6(ES2015)了。

晋级gulp版本

起首要检测一下我们的gulp版本，确保CLI版本及Local版本都在3.9之上:

gulp -v

版本以下：

CLI version 3.9.0
Local version 3.9.0

若版本太低，我们能够经由过程以下体式格局举行晋级，这里将同时晋级CLI版本和Local版本：

npm install gulp -g && npm install gulp --save-dev

装置babel

我们须要装置babel-core及babel-preset-es2015来转换ES6代码：

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

然后，建立一个.babelrc文件来运用es2015 preset：

touch .babelrc

写入以下内容：

{
  "presets": ["es2015"]
}

接下来就是运用ES6语法重写gulpfile了。

运用ES6语法重写gulpfile

起首，重命名gulpfile.js为gulpfile.babel.js，如许gulp实行前会自动挪用babel转换文件。

mv gulpfile.js gulpfile.babel.js

然后在gulpfile.babel.js内里用ES6语法写些内容，以下：

'use strict';

import gulp from 'gulp';
import less from 'gulp-less';

const paths = {
  less: 'less/',
  dest: 'build/'
};

gulp.task('less', () => {
  gulp.src(`${paths.less}**/*.less`)
    .pipe(less())
    .pipe(gulp.dest(`${paths.dest}css/`));
});

然后实行gulp敕令：

gulp less

这里和本来一样，之前的敕令怎样用如今照样怎样用!

GitHub源码：using-es6-with-gulp

参考资料：

https://github.com/yeoman/generator-gulp-webapp/issues/356

es6-features.org