Question

我在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"));

Answer 1

尝试重新安装 Vscode 和必要的扩展。要么在 Vscode 中，在“文件”部分选择“自动保存”选项。这将解决点击保存2次的问题并尝试安装来自实时服务器创建者的实时 sass 编译器，它将 sass 实时编译为 Css

Gulp和LiveServer（VS代码扩展）问题（保存两次）

1 个答案: