如何在服务器上自动编译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

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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效