<分区>
LESS 正在成为废弃的自动编译应用程序的坟场。我已经从 SimpLESS 转移到 WinLess,再到 Prepros,再到 Koala。所有这些似乎都已被其开发人员遗弃,并且已经很长时间没有更新了。目前,Koala 可以做到,因为它使用了所有应用程序中最高版本的 LESS(但仍然过时),但它缺少一些非常重要的功能(特别是深度包含监控)。
是否有一个最新且未被废弃的 LESS 编译器?我正在寻找一个基于 GUI 的编译器,它可以监视文件(和导入的文件)的更改并在发生更改时自动编译 CSS。
您看到对独立自动编译器的支持较少的原因是 grunt
和 gulp
为管理构建过程提供了很好的资源。包括预编译 CSS
两个任务管理器都可以监视变化less
变化和自动编译。
这是 gulp
的一个基本示例,它只会编译和监视“less/”目录中的 less 文件。
var gulp = require('gulp');
var less = require('gulp-less');
// Task to compile Less
gulp.task('styles', function() {
gulp.src(['app/css/style.less'])
.pipe(less())
.pipe(gulp.dest('dist/build'))
});
// Watch Files For Changes
gulp.task('watch', function() {
gulp.watch('less/*.less', ['styles']);
});
// Default Task
gulp.task('default', ['less', 'watch']);
A nice tutorial to get you started.
Gulp 和 Grunt 都使用节点,因此您必须进行几次安装,但它很简单并且创建了一个非常快速的无缝构建过程。