Próbowałem uglikować wyjście Browserify w Gulp, ale to nie działa.
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'));
});
Jak rozumiem, nie mogę zrobić tego w poniższych krokach. Czy muszę zrobić w jednej rurze, aby zachować sekwencję?
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');
});
źródło
gulp-concat
i dodać na końcu potoku łykowego. To będzie odpowiednik uruchomieniabrowserify <options> > single-file.js
w terminalu. Daj mi znać, jeśli odpowiedziałem na Twoje pytanie. Twoje zdrowie!vinyl-transform
już nie działa, co ?!Dwa dodatkowe podejścia zaczerpnięte ze strony NPM ze źródła winyli :
Dany:
Podejście 1
Korzystanie z gulpify(przestarzałe)Podejście 2 Korzystanie ze strumienia źródłowego winylu
Jedną z zalet drugiego podejścia jest to, że używa bezpośrednio interfejsu API Browserify, co oznacza, że nie musisz czekać, aż autorzy Gulpify zaktualizują bibliotekę, zanim będzie to możliwe.
źródło
możesz spróbować browserify, transform uglifyify .
źródło