0

我正在尝试将所有文​​件编译.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.lesslessCompile任务重新运行,所有样式都footer.import.less从缩小的style.min.css. 同样的消失也适用于编辑任何其他文件*.import.less,例如header.import.less. 此外,在重新编译过程中没有错误。

4

0 回答 0