使用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不兼容