gulp 插件可以接收一个文件并返回多个文件吗？

Question

我正在尝试将RequireJS Optimizer 包装在一个 gulp 插件中。有 have been other attempts 在 gulp 中提供此功能，但它们都不能满足我的需求。

插件开发的一种常见方法是获取文件，处理它们，然后将它们分发出去；但是，这种方法与 RequireJS 优化器的工作方式并不真正兼容。

虽然它不符合 gulp 插件 guidelines，但我正在研究一种不同的方法来接收 optimizer build configuration、处理它并分发结果文件。

// Read in the r.js configuration
gulp.src( './build.js' )
    // Optimize the files according to the config
    .pipe( optimize() )
    // Return the resulting files for additional processing
    .pipe( size() );

gulp 插件可以接收一个文件并返回多个文件吗？如果有，怎么做？

Answer 1

1. 是的，只需发出多个文件。输出只需一个或多个 Vinyl 文件即可。
2. 插件只接收通过管道（发送）到它们的内容。这就是使用异步管道的全部意义所在。

查看the plugin docs 以了解它们的工作原理。

Answer 2

我最终使用vinyl-fs 传递优化过程的输出。

var requirejs   = require( 'requirejs' ),
    through     = require( 'through2' ),
    vfs         = require( 'vinyl-fs' );

return through.obj( function( file, encoding, done ){

// Parse config from file

requirejs.optimize( config,

    // Success callback
    function( buildResponse ){
        vfs.src( config.dir + '/**/*.js' )
            .on( 'data', this.push.bind( this ) )
            .on( 'error', this.emit.bind( this, 'error' ) )
            .on( 'end', done );
    }.bind( this ),

    // Error callback
    function( buildError ){
        // Handle error
    } );

用法最终看起来像......

// Read in build configuration
gulp.src( 'build.js' )
    // Run files from the config through the optimizer
    .pipe( optimize( settings ) )
    // Measure the size of the optimized files
    .pipe( size() );