兩天在一個(gè)朋友在項(xiàng)目上碰到了一個(gè)這樣的問題，在運(yùn)營過程中，用戶在瀏覽器上對(duì)某個(gè)表單進(jìn)行數(shù)據(jù)提交時(shí)，需要引入新的平臺(tái)接口數(shù)據(jù)的業(yè)務(wù)，通過評(píng)估，開發(fā)團(tuán)隊(duì)馬上修改了相關(guān)后臺(tái)代碼和部分的前端腳本代碼，通過簡(jiǎn)單測(cè)試并很快上線。當(dāng)是上線后客戶端的功能沒有發(fā)生任何變化和修改前表現(xiàn)的狀況是一樣。遇到這樣的問題，開發(fā)團(tuán)隊(duì)一時(shí)有點(diǎn)迷糊，明明是修改了功能并進(jìn)行了部署卻沒有讓用戶使用到該功能，不知道該如何下手了。

有過一定前端開發(fā)經(jīng)驗(yàn)的朋友應(yīng)該知道這是瀏覽器緩存Web資源導(dǎo)致的問題，針對(duì)這樣的實(shí)際問題，項(xiàng)目上應(yīng)該有自己的應(yīng)對(duì)方法。類似這樣的需求，也催生了很多優(yōu)秀的解決方案和優(yōu)秀的前端構(gòu)建技術(shù)框架，比較Grunt和Gulp。

針對(duì)前端構(gòu)建技術(shù)框架的技術(shù)，網(wǎng)上有許多朋友分享自己的寶貴經(jīng)驗(yàn)和詳盡的分享總結(jié)，比如http://www.cnblogs.com/cnblogsfans/p/5093012.html 中系列的文章。

下面是我個(gè)人進(jìn)行Gulp學(xué)習(xí)和應(yīng)用的過程記錄，包括環(huán)境搭建（win7操作系統(tǒng)）和初步使用。

1， 安裝Node.js

2， 準(zhǔn)備項(xiàng)目文件

 seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營銷培訓(xùn)

 

創(chuàng)建如圖所示文件夾，并在scripts文件中添加如下內(nèi)容的兩個(gè)腳本文件

 

 seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營銷培訓(xùn)

seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營銷培訓(xùn)

 

 

3， 安裝Gulp

在Cmd中定位到項(xiàng)目文件根目錄，運(yùn)行 “npm install --save-dev gulp”

 seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營銷培訓(xùn)

 

4， 安裝Gulp中可以合并腳本文件的gulp-concat插件

在Cmd項(xiàng)目根目錄位置運(yùn)行“npm install --save-dev gulp-concat”

 seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營銷培訓(xùn)

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式