Created
August 18, 2018 06:43
-
-
Save marcinkieruzel/08f7bbec95c3df0be6fcb77bed1b8628 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var gulp = require('gulp'); | |
//Js Hint | |
var jshint = require('gulp-jshint'); | |
//Kompiluje sassa | |
var sass = require('gulp-sass'); | |
//Autoodświeżanie | |
var browserSync = require('browser-sync'); | |
//Autoprefixy | |
var autoprefixer = require('gulp-autoprefixer'); | |
//Mapa | |
var sourcemaps = require('gulp-sourcemaps'); | |
//Obsługa błędów | |
var errorHandler = require('gulp-error-handle'); | |
gulp.task('sass', function() { | |
return gulp.src('./scss/main.scss') //Wejście | |
.pipe(errorHandler()) // Obsługa błędów | |
.pipe(sourcemaps.init()) //Rozpoczynam sourcemap | |
.pipe(sass({ | |
outputStyle: 'expanded' | |
})) // Kompiluje sassa | |
.pipe(autoprefixer({ | |
browsers: ['last 2 versions'], | |
cascade: false | |
})) //Dodaję prefixy | |
.pipe(sourcemaps.write()) //Zapisje mapę | |
.pipe(gulp.dest('./css')) //Zapisuje do katalogu css | |
.pipe(browserSync.stream()); // Odpalam stream do browser-sync | |
}); | |
gulp.task('serve', ['sass'], function() { | |
browserSync.init({ | |
server: "./" | |
}); // Startuje server z głównego katalogu | |
gulp.watch("scss/**/*.scss", ['sass']); // Obserwuj katalog scss | |
gulp.watch("*.html").on('change', browserSync.reload); //Obserwuj zmiany w index.html | |
}); | |
gulp.task('watch', function() { | |
gulp.watch('./scss/**/*', ['sass']); | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment