css - 目前是否有更新的 GUI LESS 自动编译器?

标签 css windows less

<分区>

LESS 正在成为废弃的自动编译应用程序的坟场。我已经从 SimpLESS 转移到 WinLess,再到 Prepros,再到 Koala。所有这些似乎都已被其开发人员遗弃,并且已经很长时间没有更新了。目前,Koala 可以做到,因为它使用了所有应用程序中最高版本的 LESS(但仍然过时),但它缺少一些非常重要的功能(特别是深度包含监控)。

是否有一个最新且未被废弃的 LESS 编译器?我正在寻找一个基于 GUI 的编译器,它可以监视文件(和导入的文件)的更改并在发生更改时自动编译 CSS。

最佳答案

您看到对独立自动编译器的支持较少的原因是 gruntgulp 为管理构建过程提供了很好的资源。包括预编译 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 都使用节点,因此您必须进行几次安装,但它很简单并且创建了一个非常快速的无缝构建过程。

关于css - 目前是否有更新的 GUI LESS 自动编译器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25726962/

相关文章:

css - 如何将我的文字放在图像的右侧和左侧到垂直中心?

Jquery 悬停子项,否定父项悬停效果

windows - 运行 git pull 所有子目录窗口命令提示符

css - 如何简化这个 LESS CSS Box-shadow mixin? (带有 "directions"的多个阴影)

javascript - 无论我水平滚动多少,如何让一个 div 卡在页面的左侧?

javascript - Jquery 下拉菜单,如何在我的容器 div 中定位

c++ - IOCP 的内存使用

windows - 批处理脚本、多个查找和多个 doh 集

css - Google Chrome "Failed parsing SourceMap": css. map (Web Essential)

css - 第 n 个 child 跳过特定类(class)较少