HTML / CSS / JS 格式化與壓縮

格式化或壓縮 HTML、CSS、JavaScript 與 JSON:格式化用 prettier,壓縮去掉註釋與多餘空白,即時顯示體積變化。

縮排
行寬
prettier · 内置压缩

結果

結果會顯示在這裡

格式化走 prettier 的瀏覽器版,按所選語言動態載入對應外掛,首次點選會稍慢;壓縮 HTML/CSS 是自己實現的保守壓縮,JS 壓縮交給 terser。

CSS/HTML 只做無失真壓縮:不合並規則、不改顏色寫法、不重排屬性——那些都需要完整 AST,改錯一處就是整站樣式崩。

JS 壓縮預設不混淆識別符號:混淆後變數名全變 abc,拿去看壓縮效果反而讀不懂。需要混淆可以在後面自己接一步。

行內元素之間的空白會被一併刪掉,可能讓相鄰文字粘連。只在確認沒有行內排版需求時使用。

評論

登入後即可參與評論

還沒有評論,來說兩句吧