gulp學習記錄

2021-07-24 15:01:58 字數 898 閱讀 1061

1.gulp的作用:

以js為例,我們可能需要先把coffeescript轉譯成js,然後做一次語法檢查,然後再壓縮合併,最後才部署到生產。gulp就是用來把上述流程自動化的,並且現在像gulp和grunt這種工具一般都提供額外的實時重新整理伺服器,就是說,在開發過程中監視你的檔案改變,實時來幫你重新整理瀏覽器。前端開發越來越複雜,gulp就是把流程工具化來提高效率。

2.gulp、grunt、fis前端腳手架的選擇與比較:

fis在國內比較流行,gulp和grunt在國外比較流行。gulp輕量級,你的專案可能由於歷史原因,或者其他原因,fis的一些基礎要求可能和你專案有衝突。fis相對來說因為有專門的qq群天天為使用者答疑解惑收集bug處理bug。具體內部差異在初期使用的時候不影響。其實最終實現的功能都是大同小異。只是看哪種實現過程最適合自己。我選擇先學習gulp。

3.gulp特性:

易於使用

通過**優於配置的策略,gulp 讓簡單的任務簡單,複雜的任務可管理。

構建快速

利用 node.js 流的威力,你可以快速構建專案並減少頻繁的 io 操作(io在不同層次有不同的概念和單位。一次io就是一次請求,對於磁碟來說,乙個io就是讀或者寫磁碟的某個或者某段扇區,讀寫完了,這個io也就結束了)。

外掛程式高質

gulp 嚴格的外掛程式指南確保外掛程式如你期望的那樣簡潔高質得工作。

易於學習

通過最少的 api,掌握 gulp 毫不費力,構建工作盡在掌握:如同一系列流管道。

4.使用gulp

我在這個**學習的入門,很不錯!一點|gulp教程

我的理解是gulp就是用來給專案做外圍處理的,比如壓縮,less轉css,讓**被改變時瀏覽器自動刷形成最新**不用按f5等等

gulp教程記錄

gulp gulp能夠做什麼東西?以前這些工作都是人工做的 等等。gulp的配置檔案gulpfile.js 其實整個gulp的配置檔案,基本上都是在做一些任務的配置,比如建立任務,監聽任務等等 結合gulp的api gulp只有5個方法 gulp的使用 通過npm建立乙個專案 我的叫做gulp st...

gulp入門學習

我們本該將更多的精力放在更有意義的事情上 所以,grunt gulp這一類構件工具出現了,將我們解救於重複的工作中。就自己的理解,自動化構件工具的核心是將我們的工作流抽離為乙個個任務 task 根據我們自己的需求,css的合併壓縮可以為乙個任務 js的合併壓縮可以為乙個任務 的壓縮也可以為乙個任務,...

gulp 入門學習

想學習一下怎麼使用gulp,找了幾篇部落格,一開始就放大招,js壓縮,css壓縮,sass編譯,less編譯,拼接等等全堆積上來。對於我這種之前沒接觸過任務自動管理工具的人來說,感覺像看電影快進一樣,只要中途有不理解的就要斷篇。gulp安裝 新建檔案目錄 開始構建專案 現有目錄 src js a.j...