批量轉換less至css

• 安裝了less之後後, 可以通過

  lessc

  将單個

  .less

  檔案轉換為

  .css

  , 但less沒有提供批量轉換為css的指令, 如果不使用sublime, 或者webstorm提供的插件, 就得手動一個一個去轉換
• 懶是第一生産力, 我用python寫了一個批量轉換的腳本, 可以将腳本放到項目的頂層目錄運作, 之後, 就可以在less檔案的旁邊找到新生成的css檔案

轉換前:

轉換前

轉換中:

轉換中

轉換後:

轉換後

源碼

import os  

def auto_less_to_css(file_dir):
    # 擷取目前目錄下所有的css檔案路徑
    all_whole_path_files = []
    for root, dirs, files in os.walk(file_dir):
        for file in files:
            try:
                if file[-5:] == ".less":
                    file_info = [root+'/', file]
                    all_whole_path_files.append(file_info)
            except Exception as e:
                print(e)

    for file_info in all_whole_path_files:
        less_file_path_file = file_info[0] + file_info[1]
        css_file_name = file_info[1][:-5] + '.css'
        css_file_path_file = file_info[0] + css_file_name
        new_command = 'lessc ' + less_file_path_file + ' > ' + css_file_path_file

        try:
            result = os.popen(new_command).readlines()
            if len(result) == 0:
                print(less_file_path_file, "已經轉換為", css_file_path_file)
        except Exception as e:
            print(e)

def main():
    auto_less_to_css('.')

if __name__ == '__main__':
    main()