html script tags combined a js flie

最近每天都在做網頁效能優化，過去 javascript 可能因為很多 plugin 增加了很多 request 次數，或許可以使用 parallel 方式來加速，但始終沒解決浪費頻寬問題，使用 uglify 可以方變得解決需要壓多個 javascript ，但如果網站有一堆頁面都要這樣做一次，每次出 build 都要做一次是非常累人的事，因此寫了一個 script 來處理這個累人的問題。之後再找時間來處理些 error handle 以及，包成一個完整的 module

使用方法很簡單，下載檔案後要先設定好幾個重要的路徑

// javascript 資料夾路徑（相對路徑，相對於 uglify.js這檔案）
JSRootUrl = __dirname + '/js/',

// html 資料夾路徑（相對路徑，相對於 uglify.js這檔案）
viewRoot = __dirname+ '/../application/views',

// 要略過的檔案名稱（ html 資料夾）
skipFiles = ['.DS_Store', 'mail'],

// 壓縮完的檔案名稱後需要加上哪些文字，例如 main.min.js
suffix = '.min',

// 要壓縮哪些 scripts 設定（ html 資料夾的 tag 名稱）
jsTagRegex = /\\<\/script\>/ig,

設定完後只要下簡單的一行，就會進行兩件事 1. 把 html files 符合 "jsTagRegex" 這規則的 javascript 拿掉，取代為 <script src="XXXXX.min.js"></scrips> 2. 把 html 頁面中會需要用到的 javascript 壓成一支

node uglify

相關連結
uglify