CSS 壓縮
經嚴格解析後在本機壓縮 CSS,保留 /*! 授權註解,語法錯誤會指出行列位置,並比較壓縮前後的位元組數。
開啟工具 — CSS 壓縮CSS 壓縮 vs CSS 格式化
直接結論: CSS Minifier 為交付縮小樣式表:嚴格解析、按行列回報錯誤、移除註解與空白,並保留 /*! 授權註解——附位元組統計。CSS Formatter 為閱讀服務:把解析後的規則按兩格或四格縮排重新排版。生產載荷,對工作副本。
| CSS 壓縮 | CSS 格式化 | |
|---|---|---|
| 用途 | 經嚴格解析後在本機壓縮 CSS,保留 /*! 授權註解,語法錯誤會指出行列位置,並比較壓縮前後的位元組數。 | 以真正的解析器把 CSS 重新縮排為 2 或 4 空格的可讀規則,語法錯誤標明行列,位元組統計確認僅空白改變。 |
| 輸入 | 不超過 256 KiB 的 CSS,在本地 Worker 中嚴格解析 | 不超過 256 KiB 的 CSS,在本地 Worker 中嚴格解析 |
| 輸出 | 壓縮後的 CSS,附位元組統計,保留 /*! 授權註解 | 同一批規則按 2 或 4 格縮排重排的易讀格式 |
| 典型場景 | 為生產交付縮小樣式表 | 閱讀或整理被壓縮、縮排混亂的 CSS |
關鍵差異
壓縮器為交付縮小 CSS;格式化器對同一種語言重新縮排,供人閱讀和編輯。
兩者都在本地 Worker 中嚴格解析不超過 256 KiB 的 CSS;都不會執行樣式表。
壓縮器輸出附位元組統計的單行結果並保留 /*! 註解;格式化器輸出同一批規則的一致縮排。
生產資源選壓縮器;需要審閱的原始碼選格式化器。
經嚴格解析後在本機壓縮 CSS,保留 /*! 授權註解,語法錯誤會指出行列位置,並比較壓縮前後的位元組數。
開啟工具 — CSS 壓縮以真正的解析器把 CSS 重新縮排為 2 或 4 空格的可讀規則,語法錯誤標明行列,位元組統計確認僅空白改變。
開啟工具 — CSS 格式化相關比較