Gulp 和 Browserify 总是给出“dest.write is not a function”错误答案

【问题标题】：Gulp and Browserify always giving "dest.write is not a function" errorGulp 和 Browserify 总是给出“dest.write is not a function”错误
【发布时间】：2017-03-31 00:39:03
【问题描述】：

我正在尝试在我的 Gulp 文件中使用 Browserify，但似乎无论我如何设置，它总是会抛出一个错误，显示“dest.write 不是函数”。我最初使用 gulp-concat 开始这项任务：

gulp.task('scripts', function()
{
    return gulp.src(['src/shared/js/one.js', 'src/shared/js/two.js', 'src/shared/js/*.js'])
        .pipe(browserify()
        .pipe(concat('main.js'))
        .pipe(gulp.dest('dist/js'))
        .pipe(browserSync.stream());
});

当我注释掉 browserify() 行时，一切正常。在谷歌搜索错误消息的解决方案时，我发现this page 有人链接到它，说“gulp 文档对这个解决方案赞不绝口”（here）：

var gulp = require('gulp');
var browserify = require('browserify');
var transform = require('vinyl-transform');
var uglify = require('gulp-uglify');

gulp.task('browserify', function () {
  var browserified = transform(function(filename) {
    var b = browserify(filename);
    return b.bundle();
  });

  return gulp.src(['./src/*.js'])
    .pipe(browserified)
    .pipe(uglify())
    .pipe(gulp.dest('./dist'));
});

我进一步挖掘，发现 vinyl-transform 不能以这种方式与 Browserify 一起使用，因为没有写入流，而首选方法是使用 vinyl-source-stream。我现在正在尝试使用这个建议的解决方案，但仍然收到错误：

gulp.task('scripts', function()
{
    return gulp.src(['src/shared/js/one.js', 'src/shared/js/two.js', 'src/shared/js/*.js'])
        .pipe(browserify('src/shared/js/*.js', {
            debug: true, 
            extensions: ['.js']
        }))
        .bundle()
        .pipe(source('main.js'))
        .pipe(buffer())
        .pipe(gulp.dest('dist/js'))
        .pipe(browserSync.stream());
});

以各种方式调整 browserify() 引用并没有改变任何东西。谁能告诉我我做错了什么？

【问题讨论】：

只是拼写错误pipe(browserify() ) )？
遗憾的是没有。不知道当我在这里复制/粘贴它时它是如何被遗漏的，但我重新运行它，它仍然产生错误。

标签： node.js gulp bundler browserify gulp-concat

【解决方案1】：

这是在完全相同的情况下对我有用的解决方案。我花了一些时间尝试让乙烯基转换与 browserify 一起工作，但没有成功，因此不得不恢复到乙烯基源流和乙烯基缓冲区的组合。

我使用以下要点作为我的代码 sn-p 的基本参考： https://gist.github.com/stoikerty/cfa49330a9609f6f8d2d

var gulp = require('gulp');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var browserify = require('browserify');
var uglify = require('gulp-uglify');

gulp.task('browserify', function () {
  var b = browserify({
    entries: './js/test.js', // Only need initial file, browserify finds the deps
    debug: true        // Enable sourcemaps
  });

  return b.bundle()
    .pipe(source('./js/test.js')) // destination file for browserify, relative to gulp.dest
    .pipe(buffer())
    .pipe(uglify())
    .pipe(gulp.dest('./dist'));
});

【讨论】：