使用gulp / gulp-watch-less自动编译较less文件的bootstrap不会重新生成css

我已经安装了nodejs和gulp来使用gulp-watch-less模块​​自动编译bootstrap less文件(v 3.3.5)。

一切正常工作期望一件事:我必须停止并开始吞咽重新生成bootstrap.css

有关信息,Gulp正在检测包含在bootstrap.less中的.less文件被修改,我有以下消息:

[23:14:40] Starting 'default'... [23:14:42] Finished 'default' after 2.04 s [23:16:42] LESS saw variable-overrides.less was changed [23:16:42] LESS saw variable-overrides.less was changed [23:16:42] LESS saw bootstrap.less was changed:by:import [23:16:42] LESS saw bootstrap.less was changed:by:import 

但是,当我打开bootstrap.css文件,我看不到变化,直到我停下来,再次开始吞咽。

这里是我的gulpfile.js的内容:

 var gulp = require('gulp'); var watchLess = require('gulp-watch-less'); var less = require('gulp-less'); gulp.task('default', function () { return gulp.src('./../../../../drupal8/sandbox/felicity/themes/octogone/less/bootstrap.less') .pipe(watchLess('./../../../../drupal8/sandbox/felicity/themes/octogone/less/bootstrap.less')) .pipe(less()) .pipe(gulp.dest('./../../../../drupal8/sandbox/felicity/themes/octogone/css')); }); 

这段代码来自于gulp-watch-less页面

有人可以解释为什么bootstrap.css不会自动重新生成吗?

我已经通过使用gulp-watch-less2解决了这个问题

Gulp-watch-less与gulp 3.9不兼容

Interesting Posts