簡介

什麼是程式碼壓縮？

程式碼壓縮是指使用各種方法來減少程式碼檔案大小的過程。與 gzip 等保留 CSS 檔案原始語義（因此無損）的技術不同，程式碼壓縮是一個固有的有損過程，其中值可以替換為較小的等效值，或者選擇器可以合併在一起。

程式碼壓縮步驟的最終結果是，生成的程式碼將與原始檔案的行為相同，但某些部分將被更改以盡可能減小大小。將 gzip 壓縮與程式碼壓縮結合使用可最大程度地減小檔案大小。

cssnano 就是這樣一種程式碼壓縮器，它使用 Node.js 撰寫。它是一個 PostCSS 外掛程式，您可以將其新增到您的建構過程中，以確保生成的樣式表在生產環境中盡可能小。

如果您不知道什麼是建構過程，請不要擔心，我們在我們的入門指南中涵蓋了這一點。

我們提供許多不同的最佳化，從簡單的轉換（例如刪除空格）到可以合併具有不同名稱的相同關鍵影格的複雜轉換。有關更多資訊，請參閱預設指南。

cssnano 使用 PostCSS 在底層處理 CSS。由於許多現代 CSS 工具都使用 PostCSS，因此您可以將它們組合在一起以處理單個抽象語法樹 (AST)。這意味著整體處理時間減少了，因為 CSS 不必多次解析。

因為我們使用 PostCSS，所以我們可以將 cssnano 的職責劃分到許多外掛程式之間，每個外掛程式執行一個小的最佳化。許多最佳化都限於特定的 CSS 屬性子集，這比使用正規表示式全域壓縮 CSS 安全得多。

最後更新時間：2024 年 6 月 5 日星期三 10:27:34 GMT