如果這個工具幫到了你,可以請作者喝杯咖啡 ☕
將Stylus語法程式碼轉換為標準LESS格式,適用於前端專案遷移和團隊協作。
當需要將基於縮排語法的Stylus樣式遷移到使用大括號的LESS專案時,手動轉換既耗時又容易出錯。本工具透過語法解析器將Stylus特有的縮排規則、變數宣告和混合宏轉換為符合LESS規範的程式碼結構,保持功能等價性的同時完成語法適配。
Stylus的巢狀規則如何轉換?
所有巢狀選擇器都會轉換為標準LESS語法,例如.parent { & > .child {...} }會轉換為.parent { > .child {...} }
轉換後需要手動調整什麼?
僅需檢查顏色函式差異:Stylus的lighten(color, 10%)對應LESS的lighten(color, 10%),但引數單位處理可能需微調
轉換前請確保Stylus程式碼無語法錯誤;複雜專案建議分檔案轉換;本工具不處理動態JS注入的樣式邏輯
典型轉換示例:Stylus的border-radius()混合宏應預定義為LESS的.border-radius(@radius) {...}。建議建立轉換檢查清單,特別注意@extend語法和迴圈結構的後續處理