Ich habe versucht, die Ausgabe von Browserify in Gulp zu hässlich zu machen, aber es funktioniert nicht.
gulpfile.js
var browserify = require('browserify');
var gulp = require('gulp');
var uglify = require('gulp-uglify');
var source = require('vinyl-source-stream');
gulp.task('browserify', function() {
return browserify('./source/scripts/app.js')
.bundle()
.pipe(source('bundle.js'))
.pipe(uglify()) // ???
.pipe(gulp.dest('./build/scripts'));
});
Soweit ich weiß, kann ich es nicht in den folgenden Schritten schaffen. Muss ich in einem Rohr machen, um die Reihenfolge beizubehalten?
gulp.task('browserify', function() {
return browserify('./source/scripts/app.js')
.bundle()
.pipe(source('bundle.js'))
.pipe(uglify()) // ???
.pipe(gulp.dest('./source/scripts'));
});
gulp.task('scripts', function() {
return grunt.src('./source/scripts/budle.js')
.pipe(uglify())
.pipe(gulp.dest('./build/scripts'));
});
gulp.task('default', function(){
gulp.start('browserify', 'scripts');
});
quelle
gulp-concat
und am Ende Ihrer gulp-Pipeline hinzufügen. Dies entspricht der Ausführungbrowserify <options> > single-file.js
im Terminal. Lassen Sie mich wissen, wenn ich Ihre Frage beantwortet habe. Prost!vinyl-transform
funktioniert nicht mehr, oder?!Zwei zusätzliche Ansätze, die von der Vinyl-Source-Stream- NPM-Seite übernommen wurden:
Gegeben:
Ansatz 1
Verwenden von gulpify(veraltet)Ansatz 2 Verwenden von Vinyl-Source-Stream
Ein Vorteil des zweiten Ansatzes besteht darin, dass die Browserify-API direkt verwendet wird. Sie müssen also nicht warten, bis die Autoren von gulpify die Bibliothek aktualisiert haben, bevor Sie können.
quelle
Sie können versuchen, browserify transform uglifyify .
quelle