Использование stream-combiner2 с Gulp 4
Я пытаюсь использовать stream-combiner2 с моей задачей Gulp 4, как советовали в текущей версии этого рецепта. Тем не менее, я всегда получаю:
The following tasks did not complete: build:js
Did you forget to signal async completion?
Я прочитал отличную информацию в этом ответе о завершении асинхронного выполнения в Gulp 4, но у меня возникают проблемы с применением этого в моей задаче. Вот что у меня есть:
const browserify = require('browserify')
const buffer = require('vinyl-buffer')
const combiner = require('stream-combiner2')
const gulp = require('gulp')
const jsDest = 'static/js'
const jsPath = 'build/js'
const jsSrc = `${jsPath}/**/*.js`
const source = require('vinyl-source-stream')
const sourcemaps = require('gulp-sourcemaps')
const uglify = require('gulp-uglify')
gulp.task('build:js', function () {
const combined = combiner.obj([
browserify({
entries: `${jsPath}/main.js`,
debug: true
}),
source(`${jsPath}/main.js`),
buffer(),
sourcemaps.init({ loadMaps: true }),
uglify(),
sourcemaps.write('./'),
gulp.dest(jsDest)
])
combined.on('error', console.error.bind(console))
return combined
})
2 ответа
Почему-то я пропустил этот фантастический рецепт для просмотра с несколькими источниками и местами назначения. Это позволило мне наконец-то получить то, что я хотел получить, включая правильную обработку ошибок:
const browserify = require('browserify')
const buffer = require('gulp-buffer')
const combiner = require('stream-combiner2')
const gulp = require('gulp')
const gutil = require('gulp-util')
const jsDest = 'static/js'
const jsSrc = 'build/js/*.js'
const sourcemaps = require('gulp-sourcemaps')
const tap = require('gulp-tap')
const uglify = require('gulp-uglify')
gulp.task('build:js', function () {
const combined = combiner.obj([
gulp.src(jsSrc, { read: false }),
tap(function (file) {
gutil.log('bundling ' + file.path)
file.contents = browserify(file.path, { debug: true }).bundle()
}),
buffer(),
sourcemaps.init({ loadMaps: true }),
uglify(),
sourcemaps.write('./'),
gulp.dest(jsDest)
])
combined.on('error', console.error.bind(console))
return combined
})
После нескольких часов хакерских атак я сыт по горло задачей не делать то, что я хочу вообще (см. Комментарии к посту), и прибег к устаревшей gulp-browserify. Вот решение с этим плагином, но я полностью готов принять ответ, который может правильно включать stream-combiner2 с самим browserify, потому что это было бы намного лучше.
const combiner = require('stream-combiner2')
const gulp = require('gulp')
const jsDest = 'static/js'
const jsSrc = 'build/js/*.js'
const sourcemaps = require('gulp-sourcemaps')
const uglify = require('gulp-uglify')
gulp.task('build:js', function () {
const combined = combiner.obj([
gulp.src(jsSrc),
sourcemaps.init(),
browserify(),
uglify(),
sourcemaps.write('.'),
gulp.dest(jsDest)
])
combined.on('error', console.error.bind(console))
return combined
})