Grunt學習
http://www.cnblogs.com/yexiaochai/p/3603389.html
Gruntfile這個檔案尤其關鍵,他一般幹兩件事情:
① 讀取package資訊
② 外掛載入、註冊任務,執行任務(grunt對外的介面全部寫在這裡面)
Gruntfile一般由四個部分組成
① 包裝函式
這個包裝函式沒什麼東西,意思就是我們所有的程式碼必須放到這個函式裡面
module.exports = function (grunt) {
//你的程式碼
}
package.json
這個檔案用來儲存npm模組的依賴項(比如我們的打包若是依賴requireJS的外掛,這裡就需要配置)
然後,我們會在裡面配置一些不一樣的資訊,比如我們上面的file,這些資料都會放到package中
對於package的靈活配置,我們會在後面提到
package.json: 此檔案被npm用於儲存專案的後設資料,以便將此專案釋出為npm模組。你可以在此檔案中列出專案依賴的grunt和Grunt外掛,放置於devDependencies配置段內。
Gruntfile: 此檔案被命名為 Gruntfile.js 或 Gruntfile.coffee,用來配置或定義任務(task)並載入Grunt外掛的。
Grunt API
http://www.gruntjs.net/docs/getting-started/
Grunt 教程
http://www.miaoyueyue.com/archives/728.html
http://www.miaoyueyue.com/archives/753.html
npm install grunt-contrib-uglify –save-dev 【加粗為外掛名】
相關文章
- 【grunt第一彈】30分鐘學會使用grunt打包前端程式碼前端
- grunt外掛:grunt-plug-insert
- grunt入門之grunt watch的使用
- grunt in webstormWebORM
- Grunt快速入門
- grunt前端打包--css篇前端CSS
- 構建工具:grunt、Glup、webpackWeb
- grunt專案構建工具
- Grunt入門教程之(三)
- 在 Grunt 中使用 Intern(譯)
- 自動化構建工具 Grunt
- 雲主機如何安裝grunt
- 前端專案構建工具---Grunt前端
- 香港雲主機如何安裝GRUNT
- Grunt-jsdoc生成JS API文件JSAPI
- 淺談自動化構建之grunt
- travis + grunt + hexo 搭建 github 個人主頁HexoGithub
- Grunt自動化構建環境搭建
- Grunt-Kmc基於KISSY專案打包
- 基於Grunt構建一個JavaScript庫JavaScript
- 學習學習再學習
- 安裝yeoman,grunt過程中的問題
- 基於Grunt構建一個的專案
- 提高網站效能的 5 個 Grunt任務網站
- Gulp, 比Grunt更好用的前端構建工具前端
- 轉:Grunt:任務自動管理工具
- 利用grunt-contrib-connect和grunt-connect-proxy搭建前後端分離的開發環境後端開發環境
- 深度學習——學習目錄——學習中……深度學習
- 自動化任務執行器 Grunt 迅速上手
- 深度學習(一)深度學習學習資料深度學習
- 深度學習學習框架深度學習框架
- 強化學習-學習筆記3 | 策略學習強化學習筆記
- grunt搭建自動化的web前端開發環境Web前端開發環境
- Gulp.js----比Grunt更易用的前端構建工具JS前端
- 學習產品快報09 | “CSDN學習”:增加學習提醒,提示學習不忘記
- 【強化學習】強化學習/增強學習/再勵學習介紹強化學習
- 學習ThinkPHP,學習OneThinkPHP
- 前端學習之Bootstrap學習前端boot