使用gulp / gulp-watch-less自動編譯更少引導文件不會重新生成CSS

Question

我已經安裝了nodejs和gulp以使用gulp-watch-less模塊​​自動編譯更少引導文件（v 3.3.5）。

一切正常，請期待一件事：我必須停止並啟動gulp以重新生成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文件時，直到停止並再次啟動gulp后，我才能看到更改。

這是我的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'));
});

這段代碼來自無人看管的頁面

有人可以解釋一下為什么bootstrap.css無法自動重新生成嗎？

Answer 1

我已經通過使用gulp-watch-less2解決了這個問題

無需Gulp監視的手表與gulp 3.9不兼容