JS壓縮方法及批量壓縮

jrue發表於2022-07-15
JS

壓縮JS的好處

（1）減小檔案的體積；
（2）減小網路傳輸量和頻寬佔用；
（3）減小伺服器的處理的壓力；
（4）提高頁面的渲染顯示的速度。

安裝uglify外掛

# 執行命令： 
npm install uglify-js -g

單檔案壓縮

# 使用方法：uglifyjs + 要壓縮的js檔名稱 +  -o +  壓縮後js檔名稱
uglifyjs vendor.js -o vendor.min.js

壓縮後檔案體積明顯變小！！！

批量壓縮方法

（1）新建txt檔案，內容如下

@echo off
:: 設定壓縮JS檔案的根目錄，指令碼會自動按樹層次查詢和壓縮所有的JS（注意路勁中不能有空格）
SET JSFOLDER=D:\uglifyDestination
echo 正在查詢JS檔案
chdir /d %JSFOLDER%
for /r . %%a in (*.js) do (
    @echo 正在壓縮 %%~a ...
    uglifyjs %%~fa  -m -o %%~fa
)
echo 完成!
pause & exit

（2）修改檔案為.bat檔案
（3）將需要壓縮的js檔案放置指定目錄（例：D:\uglifyDestination）
（4）雙擊bat檔案開始壓縮

相關文章