Ubuntu上较少的CSS编译器:如何观察依赖项并在保存时进行编译



我刚从Windows切换到Ubuntu(12.04),我很难找到一个解决方案来编译我的.less文件,就像我过去使用"Winless"应用程序那样。这个应用程序的美妙之处在于,我只需要监控一个文件夹,保存主文件。。。依赖文件中更改的所有内容也会被编译。

我在谷歌上搜索了一个小时,看到了很多答案,但没有一个是直截了当的。我是一个乌班图人,所以事情很难理解。最接近的是ubuntu的less css(以及自动编译)?,但它根本没有按预期工作。

有人能给我指正确的方向吗?我想要关于我需要安装和配置什么的明确说明,以便获得"WinLess"程序的类似行为。

如果较少的文件存储在less/的子文件夹中,则可以使用inotifywait:监视更改

sudo apt-get install inotify-tools

然后创建一个autocompile.sh文件:

#! /bin/bash
while inotifywait -r less/*
do
  lessc less/main.less > css/main.css # your compile command
done

别忘了赋予它执行权:

chmod u+x autocompile.sh

运行它:

./autocompile.sh

每次修改less/中的文件时,都会运行您的编译命令。

最新更新