隨著前端業務邏輯越來越重，程式碼量也就越來越大，而過多數量引入js檔案會增加http請求，增加資料傳輸的壓力。所以我們在開發的時候，習慣將js檔案

模組化，而在部署專案時，則希望能合併並壓縮js檔案來減小壓力。基於node.js的grunt可以完成以下功能

Contrib-jshint——javascript語法錯誤檢查；

Contrib-uglify——壓縮javascript程式碼

Contrib-cssmin——壓縮css程式碼

Contrib-watch——實時監控檔案變化、呼叫相應的任務重新執行；

Contrib-clean——清空檔案、資料夾；

Contrib-copy——複製檔案、資料夾

Contrib-concat——合併多個檔案的程式碼到一個檔案中

我們主要使用壓縮與壓縮外掛。

首先我們要建立一個資料夾，在資料夾中下載grunt專案與需要使用的外掛，手動建立配置檔案Gruntfile.js與package.json ，package.json是配置需要操作的檔名和相關外掛版本號，gruntfile.js檔案引入package，在裡面配置外掛的源路徑和目標路徑。資料連結如下http://jingyan.baidu.com/article/e75057f2f3dfffebc91a89c4.html。

在grunt檔案的命令列環境中進行合併壓縮的操作。