@jungoboy

Как перевести готовую сборку gulp + sass на 4 версию gulp'a?

Сам gulpfile.js

spoiler
var gulp = require("gulp");
var sass = require("gulp-sass");
var plumber = require("gulp-plumber");
var server = require("browser-sync").create();


gulp.task("style", function() {
gulp.src("./site/sass/**/*.scss")
    .pipe(plumber())
    .pipe(sass())
    .pipe(gulp.dest("./site/css"))
    .pipe(server.stream());
});

gulp.task("serve", ["style"], function () {
    server.init({
        server: "site/.",
        notify: false,
        open: true,
        cors: true,
        ui: false
    });

    gulp.watch("./site/**/*.scss", ["style"]);
    gulp.watch("*.html").on("change", server.reload);
});


Никак не могу переписать его, помогите пожалуйста...

upd: Кому не влом помочь новичку? Скажите какие команды нужно прописать, чтобы запустить проект с обновлённым gulpfile.js
- Ссылка на весь проект: (со старым gulpfile.js) *Тык*
  • Вопрос задан
  • 300 просмотров
Решения вопроса 1
Сначала в консоли (если ранее не устанавливали): npm i -g gulp-cli

var gulp = require("gulp");
var sass = require("gulp-sass");
var plumber = require("gulp-plumber");
var server = require("browser-sync").create();


gulp.task("style", function() {
  return gulp.src("./site/sass/**/*.scss")
    .pipe(plumber())
    .pipe(sass())
    .pipe(gulp.dest("./site/css"))
    .pipe(server.stream());
});

gulp.task("serve", gulp.series(["style"], function () {
  server.init({
      server: "site/.",
      notify: false,
      open: true,
      cors: true,
      ui: false
  });

  gulp.watch("./site/**/*.scss", gulp.parallel(["style"]));
  gulp.watch("*.html").on("change", server.reload);
}));


Работу именно на вашем проекте не проверял, если будут ошибки — пишите в комментариях какие.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Welens
@Welens
Фронтенд
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы