var gulp = require('gulp'),
browserSync = require('browser-sync'),
less = require('gulp-less'),
concat = require('gulp-concat-css'),
autoprefixer = require('gulp-autoprefixer')
//Запускает локальный сервер в реальном времени
gulp.task('browser-sync', function () {
browserSync({
server: {
baseDir: 'app'
}
});
});
gulp.task('style', function () {
gulp.src('app/dist/less/**/*.less')
.pipe(less())
.pipe(concat('style.css'))
.pipe(autoprefixer({
browsers: ['last 12 versions'],
cascade: false
}))
.pipe(gulp.dest('app/dist/css/'))
.pipe(browserSync.reload({
stream: true
}))
});
gulp.task('html', function () {
gulp.src('app/**/*.html')
.pipe(browserSync.reload({
stream: true
}));
});
//Отслеживает изменение в файлах и запускает необходимое функцию
gulp.task('watch', function () {
gulp.run('style', 'html'); //запуск
gulp.watch('app/dist/less/**/*.less', function (event) {
gulp.run('style');
});
});