我正在尝试将所有.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
)也会出现同样的消失。此外,在重新编译过程中没有错误。