终端中的 LESS css 编译器帮助答案

【问题标题】：LESS css compiler help in terminal终端中的 LESS css 编译器帮助
【发布时间】：2013-09-25 11:11:04
【问题描述】：

我使用的是 Ubuntu 13.04 (Linux) 我已经安装了节点和 npm。使用 npm，我通过终端下载的更少。

我在我的简单 HTML/CSS 项目中使用它。纯前端。它不是 Ruby 或 nodejs 项目。

当我这样做时

lessc styles.less styles.css -x -w

在终端中，它编译和压缩代码，但不观察文件的变化，因为我希望 LESS 自动编译和自动刷新页面。所以，如果我对我的 style.less 进行任何更改，每次我都必须去终端并输入命令来编译 less css。

此外，即使我故意添加任何内容，编译器也不会显示任何编译错误，但在这种情况下它不会编译。

请指导我如何实现上述目标。这是我使用 LESS CSS 的第一天。

【问题讨论】：

【解决方案1】：

如果您输入lessc help，您将看到没有参数-w 或--watch。您可以做的是使用像 GruntJS 这样的构建系统，并使用像 grunt-contrib-watch 这样的扩展名，并让它监控您的 less 文件并在更改时构建 css。

【讨论】：

感谢您的回复。但是ubuntu有什么像这个wearekiss.com/simpless
您可以使用包裹手表的npmjs.org/package/watch-lessc。我真的不知道构建它的任何 GUI，我坚持使用控制台，所以我独立于操作系统。我认为您可以下载 simpleLess 并自行构建。

【解决方案2】：

我在 ubuntu 论坛上的 @Oil 的帮助下做到了这一点。

在终端中， 1.安装sudo apt-get install inotify-tools

然后只需 CD 到 css 文件夹。并一起运行以下行：

while inotifywait -r styles.less; do lessc -x styles.less styles.css; done

【讨论】：