gulp的使用(一)之gulp的基礎瞭解

Gulp是一個工具。用於項目構建。

 

Gulp簡介：

多個開發者共同開發一個項目，每位開發者負責不一樣的模塊，這就會形成一個完整的項目其實是由許多的「代碼版段」組成的；

使用less、sass等一些預處理程序，下降CSS的維護成本，最終須要將這些預處理程序進行解析；

合併css、javascript，壓縮html、css、javascript、images能夠加速網頁打開速度，提高性能；

這一系列的任務徹底靠手動完成幾乎是不可能的，藉助構建工具能夠輕鬆實現。

所謂構建工具是指經過簡單配置就能夠幫咱們實現合併、壓縮、校驗、預處理等一系列任務的軟件工具。

常見的構建工具包括：Grunt、Gulp、F.I.S（百度出品）、webpack

 

Gulp是基於Nodejs開發的一個構建工具，藉助gulp插件能夠實現不一樣的構建任務，以其簡潔的配置和卓越的性能成爲目前主流的構建工具。

全局安裝 npm install -g gulp

 

 

安裝：

1.先要全局安裝

$ npm install -g gulp --registry=https://registry.npm.taobao.org

 

2.再本地安裝。

切換到項目目錄。(先執行 npm init)

$ npm install gulp --registry=https://registry.npm.taobao.org

安裝完成會生成一個node_modules文件夾。