使用 gulp/gulp-watch-less 自动编译 bootstrapless 文件不会生成 css

Question

我已经安装了 nodejs 和 gulp 来使用 gulp-watch-less 模块自动编译 bootstrapless 文件 (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'));
});

此代码来自gulp-watch-less page

谁能解释一下为什么 bootstrap.css 没有自动重新生成？

Answer 1

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

Gulp-watch-less 与 gulp 3.9 不兼容