Indítsa újra a böngészőt a változásokat, webreference
Tudod, hogy Culp újraindul, vagy frissítse a böngészőt, ha vagy valami más, mint a Culp feladatok változik fájlt. Kétféle módon lehet megtenni. Az első használat LiveReload dugó, és a második használni BrowserSync.
LiveReload
LiveReload kombinált böngésző kiterjesztés (beleértve a Chrome bővítmények) újraindítani a böngészőt, ha azt észleli módosította a fájlt. Ezt fel lehet használni a plug-hajtásra-órát, vagy a beépített funkció gulp.watch (). Azt korábban leírtuk. Itt egy példa a README fájl tárolására korty-livereload:
Itt a változások követése az összes fájl megfelelő kevesebb / *. Kevesebb. Ha változás észlelésekor keletkezik CSS, a tárolt fájlok, és újraindítja a böngészőt.
BrowserSync
Egy alternatíva LiveReload BrowserSync. Azt is megjeleníti a változásokat a böngésző, de számos további funkcióval.
Ha megváltoztatja a kódot, BrowserSync újratölti az oldalt, vagy ha ez CSS teszi változások és az oldal nem frissül. Ez akkor hasznos, ha a honlapon nem ellenálló frissíteni. Tegyük fel, hogy hogy négy kattintás az egy alkalmazás számára, akkor frissíteni akkor visszatér a honlapon. A LiveReload van szüksége minden egyes alkalommal, hogy kattintson négyszer amikor módosítja. BrowserSync, hanem egyszerűen módosítja a CSS módosításokkal, így nem kell kattintani a „Back”.
BrowserSync - a legjobb módja annak, hogy ellenőrizze az elrendezés a különböző böngészőkben
BrowserSync is szinkronizál böngészők között a kattintások, akciók alakját és helyzetét a görgetősáv. Meg tudja nyitni pár böngészők egy asztali számítógép, a másik pedig az iPhone, majd navigálni a webhelyen. Linkek megnyílik minden böngészőben, és amikor csak lefelé görgetve az összes eszköz és lefelé görget (általában is simán!). Amikor szöveget ír be a forma, akkor kell felvenni minden ablak. És ez a viselkedés lehet kapcsolni, ha szükséges.
BrowserSync nem igényel böngésző plug-in
BrowserSync nem igényel plug-in a böngésző, mert működik a fájlokat, és szolgálja a forgatókönyvet, amely megnyitja a socket a böngésző és a szerver. Korábban ez nem okoz problémát.
Furcsa módon, van egy plugin korty, mert BrowserSync nem manipulálják a fájlokat, így valójában függetlenül működik. Mindazonáltal BrowserSync NPM modul érhető el közvetlenül a Nyelő. Először telepíteni keresztül NPM:
Következő következő gulpfile.js BrowserSync indítani, és indítsa el a következő néhány fájlt:
Kövesse korty böngésző-sync nyomon követni a kapcsolódó fájlokat a változások és a kiszolgáló elindításához, amely arra szolgál, a fájlokat az alkalmazás mappát. Fejlesztő BrowserSync írt néhány más dolog, hogy nézd át a boltba BrowserSync + Gulp.