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

前端之家收集整理的这篇文章主要介绍了如何在服务器上自动编译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

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

猜你在找的CSS相关文章