1

对于类似问题，我已经看到了很多不同的答案，并且我已经尝试了很多。我试过使用 gulp-streamify 和vinyl-buffer，我试过不用任何东西就使用它，但无论我做什么，只要我将它包含在我的 gulp 管道中，我都会遇到 Uglify 错误。

以下是我的代码中最相关的片段。

var bfyBundler = browserify({
    entries:['./src/sequencer.js'],
    extensions:['.jsx'],
    debug: devMode,
    cache: {}, packageCache: {}, fullPaths: true
});
function bundleSequencer(){
    var pipeline = bfyBundler.bundle()
        .on('error', function(error){
            notifier.notify({
                title:error.description,
                message:error.message,
                sound:true,
                wait:true,
                fileAndLocation:error.filename + ':' + error.lineNumber + ':' + error.column
            });
        });
    if(!devMode){
        pipeline = pipeline
            .pipe(uglify());
    }
    pipeline = pipeline
        .pipe(source('sequencer.js'))
        .pipe(gulp.dest('./app/'));
}

但是运行此管道会返回以下错误： 

E:\Sequencer\node_modules\gulp-uglify\minifier.js:67  
    if (file.isNull()) {  
             ^

TypeError: file.isNull is not a function  
    at DestroyableTransform.minify [as _transform] (E:\Sequencer\node_modules\gulp-uglify\minifier.js:67:14)  
    at DestroyableTransform.Transform._read (E:\Sequencer\node_modules\through2\node_modules\readable-stream\lib\_stream_transform.js:172:10)  
    at DestroyableTransform.Transform._write (E:\Sequencer\node_modules\through2\node_modules\readable-stream\lib\_stream_transform.js:160:12)  
    at doWrite (E:\Sequencer\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:326:12)  
    at writeOrBuffer (E:\Sequencer\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:312:5)  
    at DestroyableTransform.Writable.write (E:\Sequencer\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:239:11)  
    at Readable.ondata (E:\Sequencer\node_modules\readable-stream\lib\_stream_readable.js:572:20)  
    at emitOne (events.js:77:13)  
    at Readable.emit (events.js:169:7)  
    at readableAddChunk (E:\Sequencer\node_modules\readable-stream\lib\_stream_readable.js:195:16)

使用 node-debug 来触发 gulp 似乎 gulp 正在传递一个 Buffer 对象，而不是一个 Vinyl 文件到 Uglify。我欢迎任何可以尝试诊断此问题的输入或方法。

我正在使用节点 v4.1.2 和 gulp v3.9.0。据我所知，这些是最新版本。我想知道有什么改变吗？

我也将此问题发布到 IRC，并希望快速解决。

4

2 回答 2

2

好的，对于其他有同样问题的人。问题是我正在使用browserify，并且在触发uglify之前我没有通过“源”进行管道传输。我还需要在uglify之前通过缓冲区进行管道传输，因为源返回一个流式乙烯基文件对象。

当我注意到管道的顺序时，这就是帮助我弄清楚的原因：How to uglify output with Browserify in Gulp?

我的代码解决方案是：

var bfyBundler = browserify({
    entries:['./src/sequencer.js'],
    extensions:['.jsx'],
    debug: devMode,
    cache: {}, packageCache: {}, fullPaths: true
});
function bundleSequencer(){
    var pipeline = bfyBundler.bundle()
        .on('error', function(error){
            notifier.notify({
                title:error.description,
                message:error.message,
                sound:true,
                wait:true,
                fileAndLocation:error.filename + ':' + error.lineNumber + ':' + error.column
            });
        })
        .pipe(source('sequencer.js'));
    if(!devMode){
        pipeline = pipeline
            .pipe(buffer())
            .pipe(uglify());
    }
    pipeline = pipeline
        .pipe(gulp.dest('./app/'));
}
于 2015-10-13T18:14:31.910 回答
1

我看到您发布了自己的答案，但我想添加一些其他信息。Gulp 插件需要大量的Vinyl文件对象。Browserify.bundle()返回一个流（字符流），因为它不是 Gulp 插件。如果您使用gulp-bro，您的原始代码将可以工作，这是一个调用 Browserify 的 gulp 插件。

有关更多信息，请参阅我对相关主题的回答。

于 2018-12-14T06:00:12.953 回答