Ubuntu上的CSS编译器较少：如何在保存时查看依赖项和编译

Question

我刚刚从Windows切换到Ubuntu（12.04），我正在努力获得一个解决方案来编译我的.less文件，就像我以前使用“Winless”应用程序一样。 这个应用程序的美妙之处在于我只需要监视一个文件夹，保存主文件......并且依赖文件中的所有内容都会被编译。

我用谷歌搜索了一个小时，看到了许多答案，但没有一个是直截了当的。我是一个ubuntu菜鸟，所以事情很难理解。最接近的是less css for ubuntu (and compilation automatically)?，但它根本无法正常工作。

有人可以指出我正确的方向吗？我希望明确说明我需要安装和配置的内容，以便获得“WinLess”程序的类似行为。

Answer 1

如果您的较少文件存储在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/中的文件时，都会运行编译命令。