Проблема с Gulp и LiveServer (расширение кода VS) (сохранение дважды) - PullRequest
0 голосов
/ 09 февраля 2019

У меня проблема с Gulp и моим расширением VS Code - LiveServer

У меня настроены задачи Gulp для компиляции Sass, минимизации моего CSS, а затем отслеживания изменений.Оперативная перезагрузка выполняется через расширение, которое я упоминал выше.Однако, когда я сохраняю, ни одно из моих изменений не вступает в силу, если я не сохраню дважды.

Я подозреваю, что это часть моих заданий в Gulp, но не смог исправить это после 30 минут работы.Любая помощь очень ценится.Мои задания Gulp приведены ниже:

const cleanCSS = require("gulp-clean-css");
const sass = require("gulp-sass");

sass.compiler = require('node-sass');

function compileSass() {
  return gulp 
  .src('./assets/css/styles.scss')
  .pipe(sass().on('error', sass.logError))
  .pipe(gulp.dest('./assets/css'))
}

function minifyCSS() {
  return gulp
    .src("./assets/css/*.css")
    .pipe(cleanCSS())
    .pipe(gulp.dest("./assets/minified"));
}

gulp.task("compileSass", compileSass);
gulp.task("minify-css", minifyCSS);

gulp.task("watch", () => {
  gulp.watch("./assets/css/styles.scss", compileSass);
  gulp.watch("./assets/css/*.css", minifyCSS);
});

gulp.task("default", gulp.series("compileSass","minify-css", "watch"));
...