/ / Pourquoi Browsersync ne recharge pas la page - javascript, gulp, browser-sync, loopback

Pourquoi browsersync ne recharge pas la page - javascript, gulp, sync-navigateur, loopback

Le problème est dans la page de rechargement de flux
La méthode de rechargement fonctionne correctement

Mais lorsque j'utilise browserSync.stream () (browserSync.reload ({stream: true})) cela ne fonctionne pas

C’est la fonction de synchronisation de mon navigateur

function browserSyncInit(baseDir, browser) {
browser = browser === undefined ? "default" : browser;

var routes = null;
if(baseDir === conf.paths.src || (util.isArray(baseDir) && baseDir.indexOf(conf.paths.src) !== -1)) {
routes = {
"/bower_components": "bower_components"
};
}

var server = {
baseDir: baseDir,
routes: routes,
middleware: proxyMiddleware("http://0.0.0.0:8080")
};

var nodemonConfig = {
cwd: path.normalize(__dirname + "/../../"),
script: "server/server.js",
ext: "js json",
ignore: ["client/**/*.*"],
env: {"PORT": "8080"}
};
var serverStarted;

nodemon(nodemonConfig)
.on("start", function () {
if (serverStarted) return;

browserSync.init(null, {
startPath: "/",
open: false,
server: server,
browser: browser
});
serverStarted = true;
});
}

Serveur proxy c'est Application de bouclage (cela peut poser problème)

C'est la tâche de recharger les styles et les scripts

gulp.task("styles-reload", ["styles"], function() {
return buildStyles()
.pipe(browserSync.stream());
});


gulp.task("scripts-reload", ["scripts"], function() {
return buildScripts()
.pipe(browserSync.stream());
});

Réponses:

0 pour la réponse № 1

Les flux sont pour injecter des scripts / css / etc., À partir du flux Gulp d'une tâche, c'est pourquoi dans La documentation, il mentionne de le placer après le gulp.dest.

Si vous cherchez à recharger manuellement leSur la page BrowserSync, vous pouvez le faire avec .reload dans vos deux fonctions, sinon, vous devrez passer par les fichiers dans vos tâches de rechargement, car il semble que vous appeliez ces tâches ailleurs.

Pour ajouter à cela, je ne vois pas de raison de séparerles deux tâches (styles / scripts avec leurs tâches respectives de rechargement). Vous devez simplement le rediriger après la destination, afin de ne pas avoir à vous soucier du démarrage d'un nouveau flux ou de la fusion entre les tâches.