我安装了nodejs和gulp来自动编译带有gulp-watch-less模块的bootstrap 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'));
});
此代码来自gulp-watch-less page
有人可以解释为什么bootstrap.css不会自动重新生成吗?
1 回答
我用gulp-watch-less2解决了这个问题
Gulp-watch-less与gulp 3.9不兼容