#frontend #webdev #gulp #javascript
Mam dosyć dziwny problem z gulpem i browser-sync, to mój gulpfile: http://wklej.org/id/1830137/
Edytuje sobie pliki jade, za każdym razem po edycji dowolnego z nich widzę w logach
Problem pojawia się gdy stworzę więcej niż 5 plików jade, wtedy całość się jakby dusi, a każde odświeżenie przeglądarki nie pokazuje aktualnego stanu, tylko o zapis wcześniej, muszę wprowadzić jeszcze jakąś inną zmianę, żeby zobaczyć tę starą, a nowej wtedy w przeglądarce jeszcze nie ma.
Dodatkowo, już nawet przy 3-4 plikach, co jakiś czas jest tak, że localhost ma problem z załadowaniem obrazków i wszystko kręci się w nieskończoność dopóki nie zamknę karty i nie otworzę ponownie, podczas tego ładowania w konsoli widzę, że w "time" obrazków ciągle stoi na "pending".
Wie ktoś jak rozwiązać ten problem?
Oba problemy znikają, gdy na sztywno w tasku jade wpiszę konkretny plik, np index.jade, wtedy odświeża mi prawidłowo, ale tylko ten jeden konkretny plik. Jeśli nie da się odświeżyć wszystkich to może jakoś da się wykryć, który konkretnie został zmieniony i go odświeżyć?
Mam dosyć dziwny problem z gulpem i browser-sync, to mój gulpfile: http://wklej.org/id/1830137/
Edytuje sobie pliki jade, za każdym razem po edycji dowolnego z nich widzę w logach
[BS] 5 files changed (file1.html, file2.html, file3.html, file4.html, file5.html)Problem pojawia się gdy stworzę więcej niż 5 plików jade, wtedy całość się jakby dusi, a każde odświeżenie przeglądarki nie pokazuje aktualnego stanu, tylko o zapis wcześniej, muszę wprowadzić jeszcze jakąś inną zmianę, żeby zobaczyć tę starą, a nowej wtedy w przeglądarce jeszcze nie ma.
Dodatkowo, już nawet przy 3-4 plikach, co jakiś czas jest tak, że localhost ma problem z załadowaniem obrazków i wszystko kręci się w nieskończoność dopóki nie zamknę karty i nie otworzę ponownie, podczas tego ładowania w konsoli widzę, że w "time" obrazków ciągle stoi na "pending".
Wie ktoś jak rozwiązać ten problem?
Oba problemy znikają, gdy na sztywno w tasku jade wpiszę konkretny plik, np index.jade, wtedy odświeża mi prawidłowo, ale tylko ten jeden konkretny plik. Jeśli nie da się odświeżyć wszystkich to może jakoś da się wykryć, który konkretnie został zmieniony i go odświeżyć?
- Najlepsze
- Wszystkie komentarze
Tzn w jakiś sposób w watch przekazać, który plik się zmienił, i w tasku jade odświeżyć tylko htmla odpowiadającego danemu jade.
Jak widać, całą treść taska jade przekopiowałem do callbacka watchera, da się to jakoś bardziej elegancko zrobić? Tzn, chciałbym jakoś wywołać po prostu task jade z parametrem filename, ale czytałem, że w gulpie nie ma chyba czegoś takiego, czy takie rozwiązanie jest wg Ciebie ok czy można tu jeszcze
Testowałeś to i działa? Pytam bo mam wątpliwość co do gulp.dest. W przypadku podania do src glob-a ogólnego ("./jade/*.jade") strumień zawiera informacje o relatywnej ścieżce złapanych plików. Chyba nie jest tak kiedy podajesz do src konkretną ścieżkę (event.path). Wydaje mi się, że pliki wynikowe z watch-a wylądują Ci bezpośrednio w "./dist/"
Co do wydzielenia całej funkcji, to zrobiłem tak: http://wklej.org/hash/f9b39821a0d/
Obecnie plik wygląda tak: http://wklej.org/id/1839789/
Natomiast logi:
http://wklej.org/hash/cd70885d650/
Nie wiem czy to wina Windowsa i jego backslashów, ale wygląda to dziwnie, próbowałem jakoś dopasować tą ścieżkę, ale nie za bardzo mi się udaje przez te backslashe, dodam, że teraz pliki w ogóle nie są generowane po odświeżeniu.
Ogólnie to chciałbym, żeby skrypt był uniwersalny, tzn. żeby na linuksie
Ale jest jeden problem, automatycznie odświeżane przez browser-sync są tylko te wewnątrz /jade, te głębiej, tzn w /jade/testdir/ już nie, trzeba ręcznie F5 robić, masz jakieś podejrzenia dlaczego tak się dzieje?