[L.....e]

Ogarnia ktoś gulpa? Generalnie wszystko działa poza tym że browser sync nie widzi plików css podpiętych do htmla. Gdy chce wejść w te style przez okno przeglądarki browser synca to wywala "cannot get" + ścieżka do cssów. Domyślam się że coś jest #!$%@? ze ścieżkami ale nie mam pojęcia co.

#gulp #javascript #naukaprogramowania #programowanie

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/style/scss/**/*.scss', ['sass']);
});

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

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

[24xls]

@LibertyPrime: nie używam browsersync. Tak na oko powinno działać. Może złe ścieżki masz w html np. zamiast 'style/css/', to 'src/style/css/

[L.....e]

@24xls: nie no, normalnie to działa w podglądzie tylko nie w bowser-syncu ;)

[L.....e]

@24xls: @dannycarter: dobra, mam. Miałem złą ścieżkę w pliku html do stylów. VSC jest bardzo liberalny i sam sobie znajdzie w folderze potrzebny plik ale gulp już jest bardziej ortodoksyjny i trzeba mu wskazać dokładną ścieżkę.