您如何配置 browserify 以使用 gulp?
How do you configure browserify to work with gulp?
我无法使用 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']);
您不能像这样将 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'))
});
我无法使用 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']);
您不能像这样将 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'))
});