Gulp和LiveServer(VS代码扩展)问题(保存两次)

9bfwbjaz  于 2022-12-08  发布在  Gulp
关注(0)|答案(1)|浏览(147)

我遇到了Gulp和VS代码扩展- LiveServer的问题
我设置了我的Gulp任务来编译我的Sass,缩小我的CSS,然后观察变化。实时重新加载是通过我上面提到的一个扩展来处理的。但是,当我保存我的修改时,除非我保存两次,否则没有一个是实时的。
我怀疑这是我的吞咽任务的一部分,但工作了大约30分钟后还是无法修复。任何帮助都是非常感谢的。我的吞咽任务如下:

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"));
ioekq8ef

ioekq8ef1#

尝试重新安装Vscode和必要的扩展。或者在Vscode中选择“文件”部分的“自动保存”选项。这将解决点击保存2次的问题,并尝试安装live sass编译器,它是从live服务器的创建者,它真实的编译sass到CSS

相关问题