less 文件自动编译脚本

bigxu

1. #!/bin/bash
   
2. 
   
3. # author: http://www.bigxu.com
   
4. # desc：1,当less文件改变时，自动编译,在同目录下生成css文件; 2,当删除less文件时，同时删除对应的css文件
   
5. # apt-get install inotify-tools 先安装 inotify工具。不同系统请选择不同软件管理工具安装
   
6. # sudo apt-get install node-less 安装lessc编译命令
   
7. # 运行: /home/bigxu/www/inotify.sh > /dev/null 2>&1 &
   
8. 
   
9. 
   
10. src=/home/bigxu/www/ # 需要监视的目录 多目录可以写作src="dir1 dir2 dir3"
    
11. inotifywait -mrq  $src -e delete,modify | while read line
    
12. do
    
13.     echo $line
    
14.     set -- $line
    
15.     dir=$1
    
16.     action=$2
    
17.     file=$3
    
18. 
    
19.     suffix=`echo $file | tail -c 6` # 后缀（五个字符）
    
20.     if [[ $suffix == '.less' ]]
    
21.     then
    
22.         file_name=`echo $file |sed 's/.\{5\}$//'` #去掉后五个字符
    
23.         less_file=$dir$file #less 文件
    
24.         css_file="$dir$file_name.css"; # css 文件
    
25. 
    
26.         #当less文件改变时，自动编译,在同目录下生成css文件
    
27.         if [[ $action == 'MODIFY' ]]
    
28.         then
    
29.             echo "lessc $less_file > $css_file"
    
30.             lessc $less_file > $css_file
    
31.         fi
    
32. 
    
33.         #删除less文件时，删除css文件
    
34.         if [[ $action == 'DELETE' ]]
    
35.         then
    
36.             if [ -f $css_file ]
    
37.             then
    
38.                 rm $css_file
    
39.             fi
    
40.         fi
    
41.     fi
    
42. done
    

复制代码