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

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

針對前端構(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)

網(wǎng)友評論