GruntForWeb

一個基于grunt的web前端自動化項目模板(和yoman類似,但不可定制), 包含常用功能(less編譯, js,css壓縮, 項目文件夾導出, 代碼規范檢查,等等)

Gruntfile.js 結構

• watch -- 監視html,js,css文件改變,執行對應任務
  
• connect -- 本地web服務器搭建
• jshint -- js代碼規范檢查
• less -- less文件編譯
• cssmin -- css壓縮
• uglify -- js壓縮
• copy -- 導出項目時用到的copy任務(復制文件和文件夾)
• regexReplace -- 文件內容替換(php模板可能會用到)

• grunt server -- 本地web服務器,--allow-remote表示遠程可訪問
• grunt export -- 導出任務(發布項目代碼到export文件夾下)

文件夾結構

• app 是項目源代碼存放目錄
  • js 是腳本存放目錄,使用bower install安裝的腳本存放在js/lib下
  • images 是圖片存放目錄
  • less 是less文件存放目錄
  • css 是運行less任務后由less文件生成的css文件存放的目錄
• node_modules 是grunt插件目錄
• export 是運行grunt export后項目發布的代碼

注意事項

1. 本自動化環境需要依賴nodejs,沒有請先安裝好
2. 初次使用需要全局安裝(npm install - g) grunt-cli、bower
3. 請手動修改bower.json, 自己決定哪些js庫是項目所需要的, 然后運行bower install
4. 如果有需要可以修改.jshintrc來改變js代碼規范約定
5. 需要使用其他grunt插件,請使用npm install --save-dev

項目主頁：http://www.baiduhome.net/lib/view/home/1441372224143