Gulp 在 gulp.watch 期间无法更新 css 文件

Question

我有一个奇怪的问题，我无法弄清楚关于 gulp 的问题。

我有一个 gulp-sass 任务。当我更改任何 .scss 文件时，我希望它重新编译我的 sass 文件。很简单。

这是我的代码

gulp 任务

gulp.task('sass', function(){
  gulp.src('app/styles/app.scss')
    .pipe(sass({
        includePaths: require('node-bourbon').includePaths
    }))
    .pipe(gulp.dest('app/assets'));
});

gulp 观察

gulp.task('watch', function(){
   gulp.watch('app/styles/**/*.scss', ['sass']);

});

问题是。当我运行 gulp watch 时，一切正常。如果我编辑 .scss 文件，它会再次运行该任务。但是，这些更改不会反射(reflect)在呈现的 .css 文件中。

曲线球是如果我按 ctrl+c 停止 gulp.watch 循环，那么更改会反射(reflect)在渲染的 .css 文件中

我想知道是什么导致了这种情况的发生。

有任何想法吗？

Answer 1

我在使用 PHPStorm 时遇到了这个问题。这是我的第一个 gulpfile，我只是尝试使用虚拟 html、js 和 css，并查看 IDE 中生成的代码。观看事件后我的代码从未更新!

最后，我实际上在浏览器中加载了站点...

当您在浏览器中查看文件时 是 正在更新，但由于某种原因，它们没有被 IDE 编入索引。