背景說明

因為遇到Github會搜尋不到太長的行中的內容的情況,所以很好奇說為什麼會有common.jscommon.min.js兩個很像的檔案。

解釋:其中 common.js 是原始碼版本,而 common.min.js 則是經過壓縮、精簡過後的版本。

概念說明

在開發網頁時,為了加快網頁載入速度和提升用戶體驗,常常會將 JavaScript 程式碼進行壓縮和精簡。壓縮過程可以刪除不必要的空格、換行符、註解等,以減小檔案大小,從而加快載入速度。而精簡過程可以進一步刪除不必要的程式碼,以減少程式的執行時間和內存使用,從而提升用戶體驗。

壓縮和精簡過的 JavaScript 程式碼可以在生產環境中使用,而原始碼版本可以在開發過程中使用,以便更容易地進行修改和調試。

相關工具

常見的 JavaScript 壓縮和精簡工具有以下幾種:

  • UglifyJS:一個快速、可定制、且支援 ECMAScript 2015+ 語法的 JavaScript 壓縮器和美化器。
  • Closure Compiler:由 Google 開發的 JavaScript 壓縮器和優化器,支援高級 JavaScript 語言特性,並且可以對 JavaScript 程式碼進行混淆,增加程式碼的安全性。
  • webpack:一個靜態模組打包工具,可以將 JavaScript 模組打包成壓縮過的 JavaScript 檔案。

這些工具可以自動化地對 JavaScript 程式碼進行壓縮和精簡,並且可以集成到前端工具中,例如 Webpack、Gulp、Grunt 等,使生成和管理壓縮版 JavaScript 更為方便。

參考資料