Gulp 观看和 sass 工作但不工作
Gulp watch and sass working but not working
我已经为此苦苦挣扎了好几个小时,我想我最好在兜圈子的时候得到一些帮助。
我对使用 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']);
});
这一切都执行得很好。但是,我的 scss 文件只有在我第一次执行 gulp 时才会被编译。当我进行更改时,手表会识别出所有更改,但不会进行进一步的编译。这几乎就像文件在首次启动后被锁定或缓存或发生奇怪的事情。
这是 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
我 运行ning Windows 10 64 位和全新安装的 gulp 和从今天开始的依赖项。
我的主要编辑器是 PhpStorm,我在其中设置了 运行 gulp 文件的配置。但是,我也尝试过使用基本文本编辑器以及直接从节点命令提示符 运行ning gulp。
有什么想法吗?
似乎问题不是 gulp 或上述任何设置的问题。我注意到如果我在所有编辑器之外查看文件,它们确实正在通过 gulp 更新,只有我的编辑器在我停止 gulp 监视之前没有响应。
我试用了最新版本的 PhpStorm 10,它第一次运行完美,尽管没有其他任何变化。肯定只是版本 8 中的一个错误,似乎 Gulp 当时不存在。
我已经为此苦苦挣扎了好几个小时,我想我最好在兜圈子的时候得到一些帮助。
我对使用 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']);
});
这一切都执行得很好。但是,我的 scss 文件只有在我第一次执行 gulp 时才会被编译。当我进行更改时,手表会识别出所有更改,但不会进行进一步的编译。这几乎就像文件在首次启动后被锁定或缓存或发生奇怪的事情。
这是 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
我 运行ning Windows 10 64 位和全新安装的 gulp 和从今天开始的依赖项。
我的主要编辑器是 PhpStorm,我在其中设置了 运行 gulp 文件的配置。但是,我也尝试过使用基本文本编辑器以及直接从节点命令提示符 运行ning gulp。
有什么想法吗?
似乎问题不是 gulp 或上述任何设置的问题。我注意到如果我在所有编辑器之外查看文件,它们确实正在通过 gulp 更新,只有我的编辑器在我停止 gulp 监视之前没有响应。
我试用了最新版本的 PhpStorm 10,它第一次运行完美,尽管没有其他任何变化。肯定只是版本 8 中的一个错误,似乎 Gulp 当时不存在。