Forum Pasja Informatyki - Najnowsze z tagiem browsersync

Gulp błąd pakietu Sass

Sun, 19 Mar 2017 12:30:47 +0000

Witam,

Podczas inicjacji Gulpa pojawia się komunikat: property "-webkit-text-" must be followed by a ':'

Przez co nie działa pakiet sass, odpowiedzialny za kompilację SCSS.

Jak to naprawić?

Gulp - podstawy

Wed, 15 Mar 2017 16:12:23 +0000

Witam,

Zainstalowałem pakiety: sass oraz browser-sync.

Problem polega na tym, że po wykonaniu komendy gulp w terminalu odpala się Browser Sync, ale gdy wprowadzę zmiany w plikach SCSS, to zmiany nie pojawiają się na stronie. Nawet po odświeżeniu strony zostaje stara wersja.

Aby zauważyć zmiany muszę zakończyć akcję w terminalu i wykonać ją ponownie.

Plik gulpfile.js

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

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

gulp.task('default',function() {
    gulp.watch('sass/**/*.scss',['styles']);
});
var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync');

gulp.task('sass', function () {
        gulp.src('sass/**/*.scss')
        .pipe(sass({includePaths: ['scss']}))
        .pipe(gulp.dest('css'));
});

gulp.task('browser-sync', function() {
    browserSync.init(["css/*.css", "js/*.js"], {
        server: {
            baseDir: "./"
        }
    });
});

gulp.task('default', ['sass', 'browser-sync'], function () {
    gulp.watch("scss/*.scss", ['sass']);
});

Gulp + BrowserSync + Silex

Mon, 20 Feb 2017 11:36:11 +0000

Witam mam problem z konifguracją browsersync w gulpie aby działało automatyczne odświeżanie przeglądarki po zapisaniu plików. Wszystko działa z takim taskiem pod statyczną stronę:

gulp.task('browserSync', function() {
  browserSync.init({
    server: {
      baseDir: 'app'
    },
  })
})

ale niestety nie wiem jak ustawić ten server aby działało mi na cały projekt w silexie a nie tylko na index.html w folderze app