使用gulp / gulp-watch-less自动编译更少引导文件不会重新生成CSS

Question

I've installed nodejs and gulp to auto compile the bootstrap less file (v 3.3.5) with gulp-watch-less module.

Everything is working fine expect one thing: I have to stop and start gulp to regenerate bootstrap.css .

For information, Gulp is detecting that a .less file included in bootstrap.less is modified, I have the following message:

[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

But when I open the bootstrap.css file i don't see the changes until I stop and start gulp again.

Here is the content of my 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'));
});

This code is from gulp-watch-less page

Can some one explain me why the bootstrap.css is not auto-re-generated?

Answer 1

I've solved the problem by using gulp-watch-less2

Gulp-watch-less wasn't compatible with gulp 3.9