• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Brosersync nie reaguje na JS

0 głosów
165 wizyt
pytanie zadane 2 września 2018 w Inne języki przez ctx2 Początkujący (410 p.)

Mam problem z  Gulpem   browsersync nie reaguje na JS-a,   korzystam z gotowca z sieci
Co mam doinstalować i co wstawić aby pliki działały po  podaniu ścieżki w html? bez folerów dest, konkatenacji itd tylko odczyt i reakcja na js.
(Dla ciekawskich, nie chcę teraz się uczyć gulpa aby się nie rozdrabniać za miesiąc przyjdzie czas i na niego )

document.write("<script async src='/browser-sync/browser-sync-client.js?v=2.24.7'><\/script>".replace("HOST", location.hostname));


  struktura katalogów
  //src
       /css
       /fonts
       /img
       /js
       /scss
        index.html

 

var gulp = require('gulp');
var browserSync = require('browser-sync');
var sass = require('gulp-sass');

gulp.task('reload', function(){
  browserSync.reload();
});

gulp.task('serve',['sass'], function() {
   browserSync({
     server: 'src'
   });



   gulp.watch('src/*.html',['reload']);
   gulp.watch('src/scss/**/*scss',['sass']);
  

});

gulp.task('sass', function(){
 return gulp.src('src/scss/**/*.scss')
  .pipe(sass().on('error', sass.logError))
  .pipe(gulp.dest('src/css'))
  .pipe(browserSync.stream());
});

gulp.task('default', ['serve']);

 

2 odpowiedzi

0 głosów
odpowiedź 2 września 2018 przez XDdomino Użytkownik (680 p.)
Nie masz dopisanego taska dla obsługi js.

A tak poza tym to mam pytanie czy masz zainstalowanego node.js i pakiety z npm, pytam bo w strukturze plików i katalogów nie widać pliku package.json  i nodemoduls.

Jak chcesz to mogę napisać Ci tego taska :)
komentarz 2 września 2018 przez ctx2 Początkujący (410 p.)
Tak mam, npm, node jest zainstalowane, teoria jako taka z tego jest odrobiona ale myślałem że babel czy coś innego bedę musiał doinstalować.
Jak możesz to poprosiłbym o tego taska.
https://i.imgur.com/DGObOcF.png
komentarz 2 września 2018 przez XDdomino Użytkownik (680 p.)
Zauważyłem, że w folderze src masz wrzuconego gulpa i package.json ja bym je zawsze umieszczał w katalogu w którym bezpośrednio mam node_modules. Lepiej będzie Ci się zarządzało takim projektem.
komentarz 2 września 2018 przez XDdomino Użytkownik (680 p.)
Z taką strukturą plików jak Ci zaproponowałem powinno to działać:

 

var gulp = require('gulp');

var browserSync = require('browser-sync');

var sass = require('gulp-sass');

gulp.task('reload', function(){

browserSync.reload();

});

gulp.task('serve',['sass','js'], function() {

browserSync({

server: 'src'

});

gulp.watch('src/js/*.js',["js"]);

gulp.watch('src/*.html',['reload']);

gulp.watch('src/scss/**/*scss',['sass']);

});

gulp.task('js', function(){

return gulp.src("src/js/main.js")

.pipe(gulp.dest('src/js/new.js'))

.pipe(browserSync.stream());

});

 

gulp.task('sass', function(){

return gulp.src('src/scss/**/*.scss')

.pipe(sass().on('error', sass.logError))

.pipe(gulp.dest('src/css'))

.pipe(browserSync.stream());

});

gulp.task('default', ['serve']);
komentarz 2 września 2018 przez ctx2 Początkujący (410 p.)
Dzięki za pomoc.
komentarz 2 września 2018 przez XDdomino Użytkownik (680 p.)
Dobra weź użyj mojej paczki https://github.com/dominikjankowski/Paczka-startowa

jak to odpalić:

1. pobierasz repozytorium

2. nawigujesz do niego z konsoli

3. w konsoli wpisujesz npm install

4. po zainstalowaniu pakietów wpisujesz w konsole gulp

Wszystko działa jak należy ;)
komentarz 2 września 2018 przez ctx2 Początkujący (410 p.)
Już leci wszystko ładnie, na sam koniec w ścieżce  znak  "="   nie wstawiłem.
to co jest do HTM,CSS, SASS i za moment JS wystarczy.
Jeszcze raz dziękuję za pomoc.
komentarz 2 września 2018 przez XDdomino Użytkownik (680 p.)
zostaw + ;)
0 głosów
odpowiedź 2 września 2018 przez pablop76 Szeryf (97,850 p.)
Brak nasłuchiwania zmian w pliku js.

Poszukaj innego gotowca.

Podobne pytania

0 głosów
2 odpowiedzi 87 wizyt
pytanie zadane 9 sierpnia 2018 w JavaScript, jQuery, AJAX przez XDdomino Użytkownik (680 p.)
0 głosów
0 odpowiedzi 48 wizyt
pytanie zadane 26 stycznia 2017 w Ogłoszenia, zlecenia przez miojamo Nowicjusz (160 p.)
0 głosów
2 odpowiedzi 149 wizyt
Porady nie od parady
Zadając pytanie postaraj się o szczegółowe opisanie problemu oraz udostępnienie wszystkich istotnych informacji (kody źródłowe, zrzuty ekranu itp.).Opisanie problemu

66,380 zapytań

113,130 odpowiedzi

239,489 komentarzy

46,637 pasjonatów

Przeglądających: 312
Pasjonatów: 8 Gości: 304

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...