前言：
在這里，你先要去基本知道 ?npm ?和 ?cnpm，不知道的 ?分別取自行百度。
相關(guān)demo代碼 ?請(qǐng)移步寶寶的 github倉(cāng)庫(kù)：
https://github.com/ChaoyaoYe/gulp_test.git
第一步 ?在全局安裝gulp的腳手架
運(yùn)行cmd ? 在任意目錄下，輸入$cnpm install gulp -g
也就是安裝gulp全局腳手架的意思
驗(yàn)證：在任意目錄，輸入 $gulp -v ?如果會(huì)出現(xiàn)反饋就代表第一步成功，反饋圖如下：
第二步 下載寶寶寫好的gulp最簡(jiǎn)化的一個(gè)demo
下載地址，請(qǐng)移步github鏈接如下：https://github.com/ChaoyaoYe/gulp_test.git
將下載下來(lái)的zip壓縮包解壓，或者是你clone下來(lái)的repositorie倉(cāng)庫(kù)，目錄結(jié)構(gòu)如下：
第三步 ?本地安裝項(xiàng)目所需的模塊
括號(hào)里的是簡(jiǎn)單解釋為什么，看不懂耶沒關(guān)系 ? 只要做了就可以 ? 多寫幾遍，其義自見。
A、cmd ?基于第二部的倉(cāng)庫(kù)目錄里，運(yùn)行$ cnpm i
（這是安裝gulp壓縮 合并 css? html img? 必須的npm模塊，需要哪些模塊有在package.json里的devDependencies字段說明）
安裝完后會(huì)多出node_modules這個(gè)文件夾
第四步 ?創(chuàng)建你的生產(chǎn)環(huán)境目錄
在上面的文件夾里，創(chuàng)建一個(gè)src文件夾，并且把你的項(xiàng)目文件，放進(jìn)來(lái)，做完后，寶寶的文件目錄樹結(jié)構(gòu)如下：
接著只要在這個(gè)目錄下運(yùn)行 ?$gulp default 就會(huì)自動(dòng)壓縮css ?js ?html ?img 了，是輸出到dest的文件夾里。
到這里就大功告成了。
后話：
這里，其實(shí)還有2個(gè)沒解決，
第一個(gè)問題是：
如果啟用了合并功能，js、css和自動(dòng)合并為all.js ? all.css
可是html的標(biāo)簽依然為 ?
script ? a.js
script ?b.js
link ? a.css
link b.css
這個(gè)還不知道怎么解決 ? 感覺還是不夠自動(dòng)化構(gòu)建
第二個(gè)問題是：
寶寶的項(xiàng)目是依賴于requireJS寫的 ? 應(yīng)該先引入 require ? 再引入JQ ?再引入依賴于JQ的其他js
但是一旦js合并，依賴關(guān)系好像就亂了。
所以，基于以上2個(gè)問題，我的建議是暫時(shí)先別css、js合并 ?只壓縮就好，知道怎么解決的高手也可以告訴寶寶。
這個(gè)教程寫的比較粗糙 ? 還少了一個(gè)常用功能 ? es6 ?轉(zhuǎn) ?es5，下次會(huì)補(bǔ)齊，祝大家新年快樂， 寶寶新年大發(fā)O(∩_∩)O哈哈~
