Gulp watch和sass工作但不工作

时间:2016-02-24 02:11:33

标签: gulp gulp-sass

我现在已经用这个工作了好几个小时了,当我走进圈子时,我觉得最好得到一些帮助。

我使用Gulp相对较新,但很高兴这样做。我有一个非常简单的gulpfile.js设置如下:

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('sass', function () {
    gulp.src('./sass/**/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('./css'));
    console.log("ran something");
});

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

这一切都执行得很好。但是,当我第一次执行gulp时,我的scss文件才会变得混乱。当我制作它时,手表会识别所有变化,但不会进行进一步的编译。它几乎就像文件被锁定或缓存一样,或者在首次启动后出现奇怪的东西。

这是cli输出:

[15:04:04] Starting 'watch'...
[15:04:04] Finished 'watch' after 11 ms
[15:04:12] Starting 'sass'...
ran something
[15:04:12] Finished 'sass' after 8.17 ms

到目前为止,我正在运行Windows 10 64位和全新安装gulp和依赖项。

我的主编辑器是PhpStorm,我在其中设置了运行gulp文件的配置。但是,我也尝试过基本的文本编辑器以及直接从节点命令提示符运行gulp。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

似乎问题不是gulp或上述任何设置的问题。我注意到,如果我看到所有编辑之外的文件,他们确实是通过gulp进行更新,而且只是我的编辑才响应,直到我停止了gulp watch。

我试用了最新版本的PhpStorm 10,即使没有其他任何改变,它也是第一次完美运行。必须只是版本8中的一个错误,因为Gulp当时并不存在。