兩天在一個朋友在項目上碰到了一個這樣的問題,在運營過程中,用戶在瀏覽器上對某個表單進行數(shù)據(jù)提交時,需要引入新的平臺接口數(shù)據(jù)的業(yè)務,通過評估,開發(fā)團隊馬上修改了相關后臺代碼和部分的前端腳本代碼,通過簡單測試并很快上線。當是上線后客戶端的功能沒有發(fā)生任何變化和修改前表現(xiàn)的狀況是一樣。遇到這樣的問題,開發(fā)團隊一時有點迷糊,明明是修改了功能并進行了部署卻沒有讓用戶使用到該功能,不知道該如何下手了。
有過一定前端開發(fā)經(jīng)驗的朋友應該知道這是瀏覽器緩存Web資源導致的問題,針對這樣的實際問題,項目上應該有自己的應對方法。類似這樣的需求,也催生了很多優(yōu)秀的解決方案和優(yōu)秀的前端構(gòu)建技術(shù)框架,比較Grunt和Gulp。
針對前端構(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, 準備項目文件
創(chuàng)建如圖所示文件夾,并在scripts文件中添加如下內(nèi)容的兩個腳本文件
3, 安裝Gulp
在Cmd中定位到項目文件根目錄,運行 “npm install --save-dev gulp”
4, 安裝Gulp中可以合并腳本文件的gulp-concat插件
在Cmd項目根目錄位置運行“npm install --save-dev gulp-concat”
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26