2013年9月5日 星期四

Grunt

Grunt 是一個基於node.js用來自動化任務管理器能用來協助你開發專案,
可以設定你自己的grunt來打造自己的管理功能
在這裡來給自己做筆記一下
網路上grunt的plugin 非常得多
我目前只用了 uglify, compress, watch
以下是我自己寫好的grunt 及使用方式
uglify: 用來將javascript 的code 進行 compressor
 預設路徑為 ./pro1/public/js/build/
compress: 用來將你的專案用zip進行打包
 預設路徑為 ./build/
watch: 將修改好的檔案立即在browser顯示效果(LiveReload)
1.首先下載下來,放在你開發所有專案的目錄裡面
Github下載
ex: ~/nodejs/
2.在nodejs目錄底下,建立自己的專案名稱
ex ~/nodejs/pro1
3.我們在 pro1 裡面建立 public/js目錄跟 package.json檔案
package.json 內容
{
    "name": "pro1"
}
如果要執行uglify跟compress
 grunt pro1 
如果只要執行 uglify
 grunt pro1:uglify 
如果要執行 LiveReload
 grunt livereload 
丟到背景執行
 grunt livereload &

沒有留言:

張貼留言