[ ES6 ] 三. 使用 ES6 来写gulp任务

在gulp 3.9 版本中，我可以使用ES6(现在叫ES2015)来编写我们的gulpfile文件。

首先，确保你的gulp 和 CLI 版本是最新的3.9 ：

gulp -v

应该输出：

CLI version 3.9.0
Local version 3.9.0

如果你的版本是低于3.9的，我们使用下列命令更新至最新版本：

npm install gulp && npm install gulp -g

接下来就是将gulpfile.js 重命名为gulpfile.babel.js

现在就可以用ES6来写我们的gulpfile文件了：

import gulp from 'gulp';
import sass from 'gulp-sass';
import autoprefixer from 'gulp-autoprefixer';
import sourcemaps from 'gulp-sourcemaps';

const dirs = {
  src: 'src',
  dest: 'build'
};

const sassPaths = {
  src: `${dirs.src}/app.scss`,
  dest: `${dirs.dest}/styles/`
};

gulp.task('styles', () => {
  return gulp.src(paths.src)
    .pipe(sourcemaps.init())
    .pipe(sass.sync().on('error', plugins.sass.logError))
    .pipe(autoprefixer())
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest(paths.dest));
});

这里我们利用了ES6的模块系统，箭头函数，字符串模板和常量定义。更多ES6新特性请参考： http://es6-features.org/

来自： https://markgoodyear.com/2015/06/using-es6-with-gulp/