Рома Зварич

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var less = require('gulp-less');
var plumber = require('gulp-plumber');
var notify = require('gulp-notify');
var sourcemaps = require('gulp-sourcemaps');
var autoprefixer = require('gulp-autoprefixer');
var watch = require('gulp-watch');
var fileinclude = require('gulp-file-include');

gulp.task('styles', function() {
  return gulp.src('./app/less/main.less')
    .pipe(plumber({
      errorHandler: notify.onError(function(err) {
        return {
          title: 'Styles',
          sound: false,
          message: err.message
        }
      })
    }))
    .pipe(sourcemaps.init())
    .pipe(less())
    .pipe(autoprefixer({
      browsers: ['last 6 versions'],
      cascade: false
    }))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('./app/css'))
    .pipe(browserSync.stream());
});

gulp.task('html', function() {
  return gulp.src('./app/html/*.html')
    .pipe(plumber({
      errorHandler: notify.onError(function(err) {
        return {
          title: 'HTML include',
          sound: false,
          message: err.message
        }
      })
    }))
    .pipe(fileinclude({
      prefix: '@@'
    }))
    .pipe(gulp.dest('./app/'))
});

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

  gulp.watch(['./app/**/*.html', './app/**/*.js', './app/img/*.*']).on('change', browserSync.reload);
  gulp.watch('./app/less/**/*.less', gulp.series('styles'));
  gulp.watch('./app/html/**/*.html', gulp.series('html'));
}))

gulp.task('default', gulp.series('server'));

const gulp = require('gulp');
const sass = require('gulp-sass');
const plumber = require('gulp-plumber');
const autoprefixer = require('gulp-autoprefixer');
const browserSync = require('browser-sync').create();
const sourceMaps = require('gulp-sourcemaps');

gulp.task('sass', function() { // таск scss
  return gulp.src('scss/style.scss')
    .pipe(plumber()) // если будут ошибки в style.scss - не отключаться, а работать далее
    .pipe(sourceMaps.init())
    .pipe(sass())
    .pipe(autoprefixer({
      browsers: ['last 2 versions']
    }))
    .pipe(sourceMaps.write())
    .pipe(gulp.dest('build/css')) // будет создаваться папка build, внутри нее будет создаваться папка css и туда будет ложиться файл style.css
    .pipe(browserSync.reload({
      stream: true
    })); // перезапускать браузер, при изменениях в таске sass
});

gulp.task('html', function() {
  return gulp.src('*.html')
    .pipe(gulp.dest('build'))
    .pipe(browserSync.reload({
      stream: true
    }));
});

gulp.task('serve', function() {
  browserSync.init({
    server: "build"
  });
  gulp.watch("scss/**/*.scss", gulp.parallel("sass")); // следить за всеми файлами в папке scss и при изменении запускать таск под названием scss
  gulp.watch("*.html", gulp.parallel("html")); // тоже самое, только с таском html
});

// данный код не запускается командой gulp serve. приходится перечислять все три таска поочередно.

gulp.task('default', gulp.series('sass', 'html', 'serve'));

var gulp = require('gulp'),
    browserSync = require('browser-sync').create(),
    less = require('gulp-less'),
    sass = require('gulp-sass');


gulp.task('server', function() {
    browserSync.init({
        server: {
            baseDir: "./app/"
        }
    });
    gulp.watch('./app/**/*.html').on('change', browserSync.reload);
    gulp.watch('app/less/**/*.less', gulp.series('less'));
});


gulp.task('less', function(){
    return gulp.src('./app/less/main.less')
    .pipe(less())
    .pipe(gulp.dest('./app/css'))
    .pipe(browserSync.stream());
});


gulp.task('default', gulp.series('server'));

var gulp = require('gulp');

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

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

  browserSync.init({
    server: {
      baseDir: "./app/"
    }
  });

  gulp.watch('./app/index.html').on('change', browserSync.reload);

});

gulp.task('default', gulp.series('server'));

// Константы
const gulp = require('gulp');
const sass = require('gulp-sass');
const sourcemaps = require('gulp-sourcemaps');
const watch = require('gulp-watch');
const minifyCSS = require('gulp-minify-css');
const concat = require('gulp-concat');

//Подключения
gulp.task('sass-compile', function () {
    return gulp.src('template/scss/**/*.scss')
        .pipe(sourcemaps.init())
        .pipe(sass().on('error', sass.logError))
        .pipe(sourcemaps.write('./'))
        .pipe(concat('main.css'))
        .pipe(minifyCSS({keepBreaks: true}))
        .pipe(gulp.dest('template/css/'))

})

// The end //
gulp.task('watch', function () {
    gulp.watch('template/scss/**/*.scss', gulp.series('sass-compile'))
})