Javascript 贪吃表结束得太快了
我遇到了和你一样的问题 我的终端看起来像:Javascript 贪吃表结束得太快了,javascript,gulp,gulp-watch,Javascript,Gulp,Gulp Watch,我遇到了和你一样的问题 我的终端看起来像: $ gulp watch [23:59:03] Using gulpfile gulpfile.js [23:59:03] Starting 'watch'... [23:59:03] Finished 'watch' after 8.68 ms 为什么我不能让它监视文件更改?为什么结束得这么快 谢谢 您可以尝试添加gulp util var util= require('gulp-util'); 然后在sass任务中添加一行,以向控制台输出报告任
$ gulp watch
[23:59:03] Using gulpfile gulpfile.js
[23:59:03] Starting 'watch'...
[23:59:03] Finished 'watch' after 8.68 ms
为什么我不能让它监视文件更改?为什么结束得这么快
谢谢 您可以尝试添加gulp util
var util= require('gulp-util');
然后在sass任务中添加一行,以向控制台输出报告任何错误(如果是错误)
gulp.task('sass', function () {
return gulp.src('assets/scss/*.scss')
.pipe(sourcemaps.init())
.pipe(sass({
includePaths: ['sass'].concat(bourbon),
outputStyle: 'compressed'
}))
.on('error', util.log)
.pipe(sourcemaps.write())
.pipe(gulp.dest('assets/css'));
});
如果gulp sass抛出错误,这可能会被管道消耗,但仍会导致整个流终止。因此,如果您添加行以显式捕获它们,然后将它们注销,您可以看到事实是否如此
您的监视任务取决于“sass”任务,如果失败,您的任务将结束
gulp.task('watch', function(){
gulp.watch('assets/scss/*.scss', ['sass']);
});
我目前的规则是:
gulp.task('sass', function () {
var src = path.join('src', 'scss', '*.scss');
var dst = path.join('public', 'css');
var config = {
errLogToConsole: true,
outputStyle: 'compressed',
sourceComments: false
};
return gulp.src(src)
.pipe(sourcemaps.init())
.pipe(sass(config)).on('error', util.log)
.pipe(concat('style.css')).on('error', util.log)
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest(dst));
});
这一切都很好
我的输出是:
[05:49:27]使用gulpfile F:\Projects\Upload\gulpfile.js
[05:49:27]开始“观察”。。。
[05:49:29]在1.98秒后完成“观看”
但是Gulp没有返回到命令行,光标仍在不断闪烁,当我更新SASS文件时,代码会再次运行并对CSS进行更新您确定它仍在监视吗?当watch正在做一些事情时,它会在两者之间显示Finished watch。好吧,我之前已经在另一个项目中添加了gulp,当它观看时,它不会显示Finished,每当我对sass进行更改时,它都会运行“sass”命令,您就会在终端中看到活动。所以,是的@itamar,我尽我所能确定。它还没有结束,它只是说。。。我的是一样的,但一旦你做了改变,在CSS中说。我看到我的控制台语句打印出编译了什么文件。util没有发现任何错误。谢谢你的建议。在terminal中的结果与之前相同。您的设置与我在回答中添加的设置之间唯一的其他区别是我编写了.pipesourcemaps.write..”和两个额外的配置选项。另一方面,您使用IncludePaths配置选项,而我不使用。我包括了我的设置,所以你有一些参考-它快乐地工作一天又一天,一整天。这可能有助于你追踪错误。好的,我试试看。谢谢在所有这些中都定义了路径吗?我看到path.join引用,但没有实例化。在我需要'gulp'之后,我在gulpfile.js的顶部添加了一个var path=requirepath;