2

私のgulpfile：

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

gulp.task('precompile', function () {
  return gulp.src('app/assets/react/app.react.js')
    .pipe(babel())
    .pipe(gulp.dest('app/assets/javascripts/'))
});

gulp.task('browserify', ['precompile'], function () {
  return gulp.src(['app/assets/javascripts/app.react.js'])
    .pipe(browserify())
    .pipe(gulp.dest('app/assets/javascripts/'));
});

gulp.task('watch', function() {
  gulp.watch('app/assets/react/app.react.js', ['browserify']);
});

可能であればこれを改善するにはどうすればよいですか？エラー時に browserify + transform (babelify) + console.log で 1 つのタスクしか記述できないのでしょうか? この時点で、解析エラーが発生した場合、gulp ウォッチングがクラッシュしました。

4

1 に答える 1

2

配管工を試す

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

/**
 * Helper function to amend the pipe when a build task fails
 * see https://github.com/hughsk/vinyl-transform/issues/1
 * and: https://github.com/gulpjs/gulp/issues/259
 * @param {string} err  the error string
 */
function onError (err) {
    gutil.beep();
    console.log(err);
    this.emit('end');
}

return gulp.src('app/assets/react/app.react.js')
    .pipe(plumber({
            errorHandler: onError
        }))
    .pipe(babel());

また、gulp-browserify はブラックリストに登録されています。よりガッチリしたセットアップについては、このチュートリアルに従うことができます: https://medium.com/@sogko/gulp-browserify-the-gulp-y-way-bb359b3f9623

于 2015-04-24T12:04:51.487 に答える