Saya mencoba untuk memperburuk keluaran Browserify di Gulp, tetapi tidak berhasil.
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'));
});
Seperti yang saya pahami, saya tidak bisa membuatnya dalam langkah-langkah seperti di bawah ini. Apakah saya perlu membuat dalam satu pipa untuk mempertahankan urutannya?
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');
});
sumber
gulp-concat
dan menambahkannya ke ujung pipeline gulp Anda. Itu akan sama dengan menjalankanbrowserify <options> > single-file.js
di terminal. Beri tahu saya jika saya menjawab pertanyaan Anda. Bersulang!vinyl-transform
tidak berfungsi lagi, eh ?!Dua pendekatan tambahan, diambil dari halaman NPM aliran sumber vinil :
Diberikan:
Pendekatan 1
Menggunakan gulpify(tidak digunakan lagi)Pendekatan 2 Menggunakan vinyl-source-stream
Salah satu keuntungan dari pendekatan kedua adalah ia menggunakan API Browserify secara langsung, yang berarti Anda tidak perlu menunggu penulis gulpify untuk memperbarui pustaka sebelum Anda bisa.
sumber
Anda dapat mencoba browserify transform uglifyify .
sumber