您如何配置 browserify 以使用 gulp？

Question

我无法使用 gulp-browserify。我的输入文件是 _/components/js/script.js（这有要求（'jquery'）。我希望它输出到 _/js/script.js。我的配置有什么问题？我得到一个路径错误。

var gulp = require('gulp'), 
    sass =  require('gulp-sass'), 
    uglify = require('gulp-uglify'),
    browserify= require('browserify'); 



gulp.task('watch', function(){
    gulp.watch('_/components/sass/*.scss', ['sass']);

});

gulp.task('browserify', function(){
    var b = browserify({entries: './_/components/js/script.js', debug: true}); 

    return b.bundle()
            .pipe(gulp.dest('./js/'));
});

gulp.task('default', ['sass', 'browserify', 'watch']);

Answer 1

您不能像这样将 browserify 捆绑流传输到 gulp.dest 流。它期待乙烯基流。您可以使用 vinyl-source-stream 对其进行转换。这很常见：

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

var files = ['./js/admin.js', './js/login.js', './js/main.js']

gulp.task('browserify', function(){
    var b = browserify(files);
    b.bundle()
    .pipe(source('bundle.js'))
    .pipe(gulp.dest('public'))
});

您如何配置 browserify 以使用 gulp？

How do you configure browserify to work with gulp?

javascript

gulp

browserify