バンドル複数のファイルや

Question

をbrowserify私はそのようなもので、プロジェクトの構造を有する：

src 
    |html 
    |javascript 
    |file_one.js 
    |file_two.js 
    |styles 
dist 
gulpfile.js 

を私の質問は：私はルート「DIST」の中に「javascriptの」フォルダ内のすべてのファイルをバンドルすることができますどのようにフォルダは次のようにバンドルファイルの名前を変更しますか？

file_one.js ----> file_one.bundle.js file_two.js ---->は、私は次のことをやっている

をfile_two.bundle.jsが、私はバンドルを置くことができませんファイルをルートの "dist"フォルダにコピーしてください。これが最もきれいな方法かどうかはわかりません。

gulp.task("bundler", function(){ 
    var src_arr = ['src/javascript/file_one.js', 'src/javascript/file_two.js']; 
    src_arr.forEach(function(file) { 
    var bundle = browserify([file]).bundle(); 
    bundle.pipe(source(file.substring(0,file.indexOf('.')) + ".bundle.js")) 
     .pipe(gulp.dest('dist/')); 
    }); 
}); 

助けてください。私は、これは「答え」よりも長いコメントであると思いますおかげ

Answer 1

...複数browserifyエントリ・ポイントに対処するための

種々の方法がよくBrowserify - multiple entry pointsにし、@Hafizイスマイルhttps://wehavefaces.net/gulp-browserify-the-gulp-y-way-bb359b3f9623で覆われています。

次の2つを知っているのではなく、ファイルグロブを扱っているので、gulpiest液がbrowserifyingのlazypipe（https://github.com/OverZealous/lazypipe）を設定し、2つの別々のタスクからそれを呼び出すことがあるかもしれない - 1のようになり

gulp.task('first', function(){ 
    gulp.src('src/javascript/file_one.js') 
     .pipe(browserifyingLazypipe()) 
}; 

使う名前変更を行うには

gulpy方法をされて（私は自由に私がlazypipeにbrowserify使用して試していないことを認める）gulp-rename

.pipe(rename({ 
    extname: '.bundle.js' 
})