Gulp


Gulp中文網:http://www.gulpjs.com.cn/
gulp詳細入門教程:http://www.ydcss.com/archives/18
gulp入門教程推酷:http://www.tuicool.com/articles/FJVNZf
gulp常用地址:
gulp官方網址:http://gulpjs.com
gulp插件地址:http://gulpjs.com/plugins

To keep your pages loading quick, we recommend using a tool like Grunt or Gulp to combine all of your JavaScript files into one.

Gulp.js 是一個自動化構建工具,開發者可以使用它在項目開發過程中自動執行常見任務。Gulp.js 是基於 Node.js 構建的,利用 Node.js 流的威力,你可以快速構建項目

Gulp是一個構建系統,開發者可以使用它在網站開發過程中自動執行常見任務。Gulp是基於Node.js構建的,因此Gulp源文件和你用來定義任務的Gulp文件都被寫進了JavaScript(或者CoffeeScript)裏。前端開發工程師還可以用自己熟悉的語言來編寫任務去lint JavaScript和CSS、解析模板以及在文件變動時編譯LESS文件(當然這些只是一小部分例子)。

gulp是基於Nodejs的自動任務運行器, 能自動化地完成 javascript/coffee/sass/less/html/image/css 等文件的的測試、檢查、合併、壓縮、格式化、瀏覽器自動刷新、部署文件生成,並監聽文件在改動後重復指定的這些步驟。在實現上,借鑑了Unix操作系統的管道(pipe)思想,前一級的輸出,直接變成後一級的輸入,使得在操作上非常簡單。

gulp 和 grunt 非常類似,但相比於 grunt 的頻繁 IO 操作,gulp 的流操作,能更快地更便捷地完成構建工作。

安裝nodejs -> 全局安裝gulp -> 項目安裝gulp以及gulp插件 -> 配置gulpfile.js -> 運行任務

全局安裝gulp是爲了執行gulp任務,本地安裝gulp則是爲了調用gulp插件的功能。


安裝好gulp後我們需要告訴它要爲我們執行哪些任務,首先,我們自己需要弄清楚項目需要哪些任務。
  • 檢查Javascript
  • 編譯Sass(或Less之類的)文件
  • 合併Javascript
  • 壓縮並重命名合併後的Javascript

package.json是基於nodejs項目必不可少的配置文件,它是存放在項目根目錄的普通json文件;
我們可以手動新建這個配置文件
cnpm init

gulp只有五個方法: taskrun watchsrc ,和 dest


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章