Stylus 編譯器 是將 Stylus 語法轉換為瀏覽器可理解的 CSS 的工具。Stylus 是一種 CSS 預處理器，它增強了標準 CSS 的功能，允許使用變數、混入（mixins）、條件語句、運算等特性來編寫更加動態和可維護的樣式表。
然而，Stylus 代碼本身並不能直接在瀏覽器中運行。為了將 Stylus 代碼應用於實際的網頁中，你需要使用 Stylus 編譯器，將 Stylus 代碼轉換成瀏覽器可用的標準 CSS 代碼。
Stylus 編譯器的作用：
將 Stylus 代碼轉換為 CSS：Stylus 編譯器讀取你編寫的 Stylus 代碼並將其轉換為純粹的 CSS 文件，這樣瀏覽器就能夠理解並應用這些樣式。
增強功能：Stylus 提供了比標準 CSS 更多的功能（例如變數、運算、條件語句、混入等），Stylus 編譯器會處理這些功能並將其轉換為純 CSS 代碼。
優化：編譯器會將 Stylus 代碼中的各種高級功能轉換為最適合瀏覽器的 CSS 格式。
Stylus 編譯器的基本功能：
將 Stylus 編譯為 CSS：這是編譯器最基本的功能，將 Stylus 文件轉換成瀏覽器可讀的標準 CSS。
支援運算與變數：Stylus 允許你定義變數並執行數學運算（如顏色、邊距等）。
自動壓縮：編譯器可以選擇性地壓縮輸出的 CSS，減少文件大小，提升性能。
源映射：一些編譯器可以生成源映射（Source Maps），方便開發時定位 Stylus 代碼與生成的 CSS 之間的對應關係。