分類: 開發工具
JavaScript 精簡壓縮工具(輕量版)
移除小段指令碼中的註解與多餘空白
貼上一段簡短的 JavaScript 程式碼,即可移除 // 與 /* */ 註解並收合多餘空白,同時不會更動字串或正規表示式內部的內容。全程在你的瀏覽器中執行。
這是一個移除空白與註解的工具,而非完整的剖析器或以 AST 為基礎的壓縮工具。它不會分析自動分號插入規則,因此在仰賴自動分號插入行為的程式碼中,移除換行符號在極少數情況下可能改變執行結果。請僅用於簡單的小段程式碼,不要用於正式環境的打包檔案。
壓縮後的輸出
function greet(name) {
var message ="Hello, "+ name +"!";
return message;
}
console.log(greet("world"));本頁的所有處理都在瀏覽器中完成,不會上傳任何內容。
這個工具能做什麼
這是一個輕量級的壓縮工具,並非像 Terser 那樣完整的剖析器或以 AST 為基礎的工具:它會足夠精確地追蹤字串、樣板字面值與正規表示式,藉此保持其內容不變,接著才移除註解並收合周圍的空白。它不會分析自動分號插入規則,因此適合用於簡單的小段程式碼,而不是正式環境的打包檔案,或是仰賴特殊自動分號插入行為的程式碼。
使用方式
- 在輸入框中貼上或輸入一段 JavaScript 程式碼。
- 檢視下方的壓縮結果與大小比較。
- 複製結果,並在上線前務必測試壓縮後的輸出。
隱私說明
本工具完全在你的瀏覽器中執行。輸入的內容不會被上傳、儲存或分享,關閉分頁就隨之消失。
常見問題
- 我的程式碼會被上傳到任何地方嗎?
- 不會。壓縮過程在你瀏覽器分頁中執行的 JavaScript 內完成,不會傳送到任何伺服器。
- 這會破壞我的程式碼嗎?
- 本工具的設計偏保守:它不會更動字串、樣板字面值與正規表示式內部的空白。但它並不理解你程式的實際邏輯,因此請務必測試壓縮後的輸出,尤其是那些仰賴換行符號來觸發自動分號插入的程式碼。
- 我應該用它取代正規的打包工具壓縮器嗎?
- 不建議。正式環境的程式碼請使用 Terser 或 esbuild 等以 AST 為基礎的正規壓縮工具。本工具適合處理不值得為此另外安裝建置工具的、快速的小段程式碼。