簡介:作為一名開發人員,在WEB前端項目開發中,重復而枯燥的工作太多,Grunt自動化的項目構建工具,幫你解決這些問題,對重復執行的任務像壓縮,合并,編譯,單元測試及代碼檢查等, 通過配置Grunt自動化工具,可以減輕您的勞動,簡化您的工作。
第1章 課程介紹
介紹什么是前端集成解決方案,目前流行的是哪幾種,主流方案即yeoman,bower,grunt的組合。而grunt只能算是build Tools, 構成競爭的幾種主流的build Tools 包括 Ant, Buildy, Gmake, Jammit, Jasy, Rake, Sprockets,Gulp。 通過學習本課程力爭讓大家學習到現代web項目的思想,進而在自己的項目中整合進集成解決方案。
第2章 準備工作
簡單介紹NodeJS環境及其安裝,Grunt基于NodeJS構建;Yeoman, Bower, Grunt的安裝方法,及安裝成功與否驗證。
第5章 Grunt實踐
對于已有的Grunt項目我們如何將其跑起來;已有的未使用Grunt構建的項目,如何將Grunt強大的能力引入其中,講講npm的核心package.json,如何安裝Grunt的插件,如何一步到位編寫Grunt的配置文件及配置文件各項詳解。
- 視頻: 5-1 Grunt的Task,Target和Options (17:06)
- 視頻: 5-2 從無到有構建Grunt項目 (08:06)
- 視頻: 5-3 初識Grunt Files處理方式 (23:39)
- 視頻: 5-4 剖析Grunt Tasks - grunt serve(一) (10:33)
- 視頻: 5-5 剖析Grunt Tasks - grunt serve(二) (18:37)
- 視頻: 5-6 剖析Grunt Tasks - grunt test (16:35)
- 視頻: 5-7 剖析Grunt Tasks - grunt build(一) (18:56)
- 視頻: 5-8 剖析Grunt Tasks - grunt build(二) (11:22)
- 視頻: 5-9 剖析Grunt Tasks - grunt build(三) (09:14)
第6章 Grunt - plugins
本章除了能愉快地掌握怎樣為grunt編寫,貢獻插件。我們還將一窺開源生態,學習如何通過github快速構建自己的項目,并搭建主頁推介出去。最最重要的,這一節已請佛祖開光,大家快來一窺究竟吧。
第7章 擴展知識介紹
相同的任務使用 Gulp 和 npm 如何實現,比較三者優劣。
第8章 課程總結
通過本課程我們切實了解了現代Web的開發方式以及最前沿的集成解決方案。后續希望能跟大家聊一聊那些讓我們的開發事半功倍的前端工具。