/ / Comportement de la fonction de flux Browsersync - javascript, stream, gulp, browser-sync

Comportement de la fonction de flux Browsersync - javascript, stream, gulp, synchro navigateur

Je pense avoir un problème intéressant. Lorsque vous appelez in gulp cette tâche:

gulp.task("cssReload",function () {
browserSync.stream();
});

Ça ne marche pas. Cependant, si j'appelle:

gulp.task("cssReload",function () {
gulp.src("")
.pipe(browserSync.stream());
});

La fonction de streaming de BrowserSync fonctionne comme il se doit. Est-ce le comportement attendu et il me manque quelque chose?

Pour moi, il semble que la première approche devrait également fonctionner. Quelqu'un peut-il m'expliquer ce qui me manque?

Réponses:

1 pour la réponse № 1

Vous devez démarrer une tâche de synchronisation du navigateur et regarder, puis diffuser en cas de changement. Le flux est une option de rechargement à chaud en ligne. J'ai également ajouté la tâche par défaut pour vous.

Vous pouvez également consulter ma solution simple pour inspiritaion. https://github.com/atilkan/gulp-typescript-stylus-template

var browserSync   = require("browser-sync").create();
var reload        = browserSync.reload;
var gulp          = require("gulp");

gulp.watch("dev/css/**/*.css", ["cssReload"]);

gulp.task("browser-sync", function() {
browserSync.init({
server: {
baseDir: "dev/"
}
});
});



gulp.task("cssReload", function() {
gulp.src("dev/css/**/*.css")
.pipe(reload({
stream: true
}));
});

gulp.task("default", ["browser-sync", "cssReload"]);