如何在服务器上自动将LESS编译成CSS？

我的朋友设计师花费了大量宝贵的时间手动编译他的 LESS 文件并使用 Coda（远程站点）上传。他问我：

是否可以自动检测Linux服务器上的文件更改并完全无延迟地进行编译？

我已经制作了一个脚本并发布了详细信息：

• 易于设计师使用
• 文件保存后立即执行LESS编译，不消耗服务器资源
• 任何能够远程编辑的编辑器都可以使用此解决方案 - Code、Sublime Text、Textmate

首先，您需要在服务器上安装“npm”，方法是在控制台中输入以下内容：

sudo apt-get install npm inotify-tools
sudo npm install -g less
sudo nano /usr/local/bin/lesscwatch

将以下内容粘贴到文件中：

#!/bin/bash
# Detect changes in .less file and automatically compile into .css
[ "$2" ] || { echo "Specify both .less and .css files"; exit 1; }
inotifywait . -m -e close_write | while read x op f; do.
    if [ "$f" == "$1" ]; then.
        lessc $f > $2 && echo "`date`: COMPILED";.
    fi
done

保存退出，然后执行：

sudo chmod +x /usr/local/bin/lesscwatch

你们都完成了。下次您需要使用 LESS 文件时，您需要打开终端（Coda 有内置终端），转到文件的文件夹（使用 cd）并执行以下命令：

lesscwatch main.less main.css

它将输出有关成功编译或错误的信息。享受。