Cómo guardar una transmisión en varios destinos con Gulp.js?
var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
var source = require('vinyl-source-stream');
var browserify = require('browserify');
gulp.task('scripts', function () {
return browserify('./src/app.js').bundle()
.pipe(source('app.js'))
.pipe(gulp.dest('./build')) // OK. app.js is saved.
.pipe($.rename('app.min.js'))
.pipe($.streamify($.uglify())
.pipe(gulp.dest('./build')); // Fail. app.min.js is not saved.
});
Canalizar a múltiples destinos cuando archivo.contents is a stream is not currently supported. ¿Cuál es una solución para este problema?
5 answers
Actualmente tienes que usar dos flujos para cada dest cuando usas file.contenidos como una corriente. Esto probablemente se arreglará en el futuro.
var gulp = require('gulp');
var rename = require('gulp-rename');
var streamify = require('gulp-streamify');
var uglify = require('gulp-uglify');
var source = require('vinyl-source-stream');
var browserify = require('browserify');
var es = require('event-stream');
gulp.task('scripts', function () {
var normal = browserify('./src/index.js').bundle()
.pipe(source('bundle.js'))
.pipe(gulp.dest('./dist'));
var min = browserify('./src/index.js').bundle()
.pipe(rename('bundle.min.js'))
.pipe(streamify(uglify())
.pipe(gulp.dest('./dist'));
return es.concat(normal, min);
});
EDITAR: Este error ahora está solucionado en gulp. El código en tu publicación original debería funcionar bien.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-03-01 21:56:09
Me enfrentaba a un problema similar y quería que la fuente gulp se copiara en varias ubicaciones después de las tareas pelusa, uglify y minify. Terminé resolviendo esto de la siguiente manera,
gulp.task('script', function() {
return gulp.src(jsFilesSrc)
// lint command
// uglify and minify commands
.pipe(concat('all.min.js'))
.pipe(gulp.dest('build/js')) // <- Destination to one location
.pipe(gulp.dest('../../target/build/js')) // <- Destination to another location
});
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-08-17 13:59:17
Creo que de esta manera es más fácil. Justo tienes dos destinos, pero antes de minify plugin pones una ruta al archivo normal y la pones el plugin minify sigue la ruta que quieres tener un archivo minify.
Por ejemplo:
gulp.task('styles', function() {
return gulp.src('scss/main.scss')
.pipe(sass())
.pipe(gulp.dest('css')) // Dev normal CSS
.pipe(minifycss())
.pipe(gulp.dest('public_html/css')); // Live Minify CSS
});
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-02-20 00:25:06
Para el caso de la difusión de actualizaciones a múltiples destinos, looping el comando gulp.dest
sobre una matriz de destinos funciona bien.
var gulp = require('gulp');
var source = './**/*';
var destinations = [
'../foo/dest1',
'../bar/dest2'
];
gulp.task('watch', function() {
gulp.watch(source, ['sync']);
});
gulp.task('sync', function (cb) {
var pipeLine = gulp.src(source);
destinations.forEach(function (d) {
pipeLine = pipeLine.pipe(gulp.dest(d));
});
return pipeLine;
});
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-01-23 17:31:09
He tenido muchos de los mismos problemas con Gulp, para varias tareas de tuberías a múltiples destinos parece difícil o potencialmente imposible. Además, configurar múltiples flujos para una tarea parece ineficiente, pero supongo que esta es la solución por ahora.
Para mi proyecto actual necesitaba varios paquetes que se asociaran con varias páginas. Modificando el Starter de Gulp
Https://github.com/greypants/gulp-starter
Browserify / watchify tarea:
Https://github.com/dtothefp/gulp-assemble-browserify/blob/master/gulp/tasks/browserify.js
Utilicé un bucle forEach dentro del callback del módulo glob:
gulp.task('browserify', function() {
var bundleMethod = global.isWatching ? watchify : browserify;
var bundle = function(filePath, index) {
var splitPath = filePath.split('/');
var bundler = bundleMethod({
// Specify the entry point of your app
entries: [filePath],
// Add file extentions to make optional in your requires
extensions: ['.coffee', '.hbs', '.html'],
// Enable source maps!
debug: true
});
if( index === 0 ) {
// Log when bundling starts
bundleLogger.start();
}
bundler
.transform(partialify)
//.transform(stringify(['.html']))
.bundle()
// Report compile errors
.on('error', handleErrors)
// Use vinyl-source-stream to make the
// stream gulp compatible. Specifiy the
// desired output filename here.
.pipe(source( splitPath[splitPath.length - 1] ))
// Specify the output destination
.pipe(gulp.dest('./build/js/pages'));
if( index === (files.length - 1) ) {
// Log when bundling completes!
bundler.on('end', bundleLogger.end);
}
if(global.isWatching) {
// Rebundle with watchify on changes.
bundler.on('update', function(changedFiles) {
// Passes an array of changed file paths
changedFiles.forEach(function(filePath, index) {
bundle(filePath, index);
});
});
}
}
// Use globbing to create multiple bundles
var files = glob('src/js/pages/*.js', function(err, files) {
files.forEach(function(file, index) {
bundle(process.cwd() + '/' + file, index);
})
});
});
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-08-19 15:07:26