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

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

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

下面是我個人進行Gulp學習和應用的過程記錄,包括環(huán)境搭建(win7操作系統(tǒng))和初步使用。

1, 安裝Node.js

2, 準備項目文件

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

 

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

 

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

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

 

 

3, 安裝Gulp

在Cmd中定位到項目文件根目錄,運行 “npm install --save-dev gulp”

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

 

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

在Cmd項目根目錄位置運行“npm install --save-dev gulp-concat”

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

延伸閱讀

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