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 № 1Vous 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"]);