gulp 入門(mén)指南


閱讀(281.9k) 收藏 贊(220)

手冊(cè)簡(jiǎn)介

gulp 是基于 node 實(shí)現(xiàn) Web 前端自動(dòng)化開(kāi)發(fā)的工具，利用它能夠極大的提高開(kāi)發(fā)效率。 在 Web 前端開(kāi)發(fā)工作中有很多“重復(fù)工作”，比如壓縮CSS/JS文件。而這些工作都是有規(guī)律的。找到這些規(guī)律，并編寫(xiě) gulp 配置代碼,讓 gulp 自動(dòng)執(zhí)行這些“重復(fù)工作”。

手冊(cè)說(shuō)明

Gulp介紹：

Gulp.js是一個(gè)自動(dòng)化構(gòu)建工具，開(kāi)發(fā)者可以使用它在項(xiàng)目開(kāi)發(fā)過(guò)程中自動(dòng)執(zhí)行常見(jiàn)任務(wù)。

隨著互聯(lián)網(wǎng)的逐步發(fā)展，前端前景也越來(lái)越好，隨之而來(lái)的 web 業(yè)務(wù)也變得復(fù)雜化和多元化，所以各種前端構(gòu)建工具也隨之產(chǎn)生，常見(jiàn)的有 Grunt 、 Gulp 、 Webpack 三種。本手冊(cè)就給大家介紹一下 Gulp。 

Gulp.js 是一個(gè)前端構(gòu)建工具，與 grunt.js 相比，Gulp.js 無(wú)需寫(xiě)一大堆繁雜的配置參數(shù)，AP I也非常簡(jiǎn)單，學(xué)習(xí)起來(lái)很容易，而且 Gulp.js 使用的是 node.js 中 stream 來(lái)讀取和操作數(shù)據(jù)，其速度更快。如果你還沒(méi)有使用過(guò)前端構(gòu)建工具，或者覺(jué)得 grunt.js 太難用的話，那就嘗試一下Gulp.js吧。

Gulp優(yōu)點(diǎn)：

1.gulp 將開(kāi)發(fā)流程中讓人痛苦或耗時(shí)的任務(wù)自動(dòng)化，從而減少你所浪費(fèi)的時(shí)間、創(chuàng)造更大價(jià)值。

2.代碼優(yōu)于配置、node 最佳實(shí)踐、精簡(jiǎn)的 API 集，gulp 讓工作前所未有的簡(jiǎn)單。

3.基于 node 強(qiáng)大的流(stream)能力，gulp 在構(gòu)建過(guò)程中并不把文件立即寫(xiě)入磁盤(pán)，從而提高了構(gòu)建速度。

4.遵循嚴(yán)格的準(zhǔn)則，確保我們的插件結(jié)構(gòu)簡(jiǎn)單、運(yùn)行結(jié)果可控。


更新記錄

在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)