我正在尝试将所有文件编译.less
为 css,并使.import.less
文件未处理(类似于 Meteor less 包)。我的文件结构如下:
assets/less/normalize.less
assets/less/main.less
assets/less/header.import.less
assets/less/footer.import.less
assets/less/...
我的lessCompile
任务本身运行良好(即手动运行它gulp lessCompile
)。
gulp.task('lessCompile', function() {
gulp.src(['assets/less/main.less', '!assets/less/*.import.less'])
.pipe(less())
.pipe(autoprefix('last 2 version'))
.pipe(minifyCSS({ advanced: true }))
.pipe(concat('style.min.css'))
.pipe(gulp.dest('public/stylesheets'));
});
现在我为所有.less
文件添加一个监视以自动编译。
gulp.task('default', ['lessCompile'], function () {
gulp.watch('assets/less/*.less', ['lessCompile']);
});
问题是在我编辑后assets/less/footer.import.less
,lessCompile
任务重新运行,所有样式都footer.import.less
从缩小的style.min.css
. 同样的消失也适用于编辑任何其他文件*.import.less
,例如header.import.less
. 此外,在重新编译过程中没有错误。