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

我的朋友设计师手动编译他的LESS文件,并使用Coda(远程站点)上传它花费大量宝贵的时间.他问我：

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

解决方法

我做了一个脚本,我发布的细节：

>易于使用的设计师
>在保存文件后立即执行LESS编译器,而不占用服务器资源
>任何能够远程编辑的编辑器都可以使用此解决方案 – 代码,升级文本,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

它将输出有关成功编译或错误的信息.请享用.

原文地址：https://www.jb51.cc/css/214405.html