less 文件自動編譯腳本

bigxu

1. #!/bin/bash
   
2. 
   
3. # author: http://www.bigxu.com
   
4. # desc：1,當(dāng)less文件改變時，自動編譯,在同目錄下生成css文件; 2,當(dāng)刪除less文件時，同時刪除對應(yīng)的css文件
   
5. # apt-get install inotify-tools 先安裝 inotify工具。不同系統(tǒng)請選擇不同軟件管理工具安裝
   
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/ # 需要監(jiān)視的目錄 多目錄可以寫作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.         #當(dāng)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
    

復(fù)制代碼