ubuntu - Ubuntu 上的 Less CSS 编译器：如何查看依赖项并在保存时编译

Question

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

我用谷歌搜索了一个小时，看到了很多答案，但没有一个是直截了当的。而且我是一个ubuntu noob，所以事情很难理解。最接近的是ubuntu 的较少 css （并自动编译）？，但它根本没有按预期工作。

有人可以指出我正确的方向吗？我想清楚地说明我需要安装和配置什么才能获得“WinLess”程序的类似行为。

score 4 · Accepted Answer

如果您的 less 文件存储在的子文件夹中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/修改文件时都会运行您的编译命令。

1 回答 1