让 gulp 监视并将整个目录编译为 es6答案

【问题标题】：Make gulp watch and compile whole directory to es6让 gulp 监视并将整个目录编译为 es6
【发布时间】：2015-06-08 19:12:19
【问题描述】：

现在我有这个代码

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

var babelify = require('babelify');
var browserify = require('browserify');
var source = require('vinyl-source-stream');

gulp.task('watch', function() {
  gulp.watch('./scripts/es6/*.es6', ['modules'])
});

gulp.task('modules', function() {
  browserify({
    entries: './scripts/es6/popup.es6',
    debug: true
  })
    .transform(babelify)
    .bundle()
    .pipe(source('popup.js'))
    .pipe(gulp.dest('./scripts'));
});

现在它只在 popup.es6 更改时编译它，但我希望它编译 ./scripts/es6/ 目录中的任何内容。我知道这是可能的，但你是怎么做到的？

【问题讨论】：

标签： gulp gulp-watch babeljs

【解决方案1】：

我想通了。我刚刚删除了 browserfy 并将其简化为这个

var gulp = require('gulp');
var sourcemaps = require('gulp-sourcemaps');
var babel = require('gulp-babel');
var gutil = require('gulp-util');

var path = require('path');

gulp.task('babel', function() {
  return gulp.src('./scripts/es6/*.es6')
        .pipe(babel())
        .pipe(gulp.dest('./scripts'));
});

gulp.task('watch', function() {
  gulp.watch('./scripts/es6/*.es6', ['babel']);
});

gulp.task('default', ['watch']);

【讨论】：