我有一个项目，我使用 LESS 作为我的 CSS 预处理器和 Gulp 作为我的构建工具。我的文件夹结构如下：
- 样式表
- > 少
- >> 部分
- >>>_colors.less
- >> index.less
我的index.less文件如下所示：
@import "partials/_colours";
.red { color: @colour; font-size: 12em; }
我的_colours.less文件如下所示：
@colour: red;
我gulpfile.js看起来像这样（简化，删除了错误处理）
var lessFiles = ['stylesheets/less/**/*.less', '!stylesheets/less/partials/*.less'];
gulp.task('less:compile', function() {
return gulp.src(lessFiles)
.pipe(sourcemaps.init())
.pipe(less())
.pipe(sourcemaps.write("maps", {includeContent: false, sourceRoot: '../less'}))
.pipe(gulp.dest('stylesheets'));
});
gulp.task('less:watch', ['less:compile'], function() {
return gulp.watch(lessFiles[0], ['less:compile']);
});
当我运行gulp less:watch所有内容时，我会在我的样式表目录中获得一个index.css文件（带有源映射），我可以将它带到 Chrome 并连接以进行实时编辑。
如果我index.less在 Chrome 编辑器中编辑文件并保存，我会立即重新加载。但是，如果我更改@color变量的值，_colours.less直到我重新加载窗口才能看到更改。
这是一个错误还是我做错了什么？
我正在使用 Chrome 43。