中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

Web前端構(gòu)建工具版本號(hào)管理方案思考

2022-06-21    分類(lèi): 網(wǎng)站建設(shè)

前端構(gòu)建工具滿(mǎn)天飛的情景下,筆者也忍不住去搗鼓了一下,真正體驗(yàn)一下NODEJS帶來(lái)的魅力,經(jīng)過(guò)一段時(shí)間規(guī)劃設(shè)計(jì),終于將平臺(tái)工具搗鼓出來(lái)了。在里面也體驗(yàn)了express, socket.io, grunt等node插件服務(wù),使用很流暢,并且很好的完了我的基本需求(JS\CSS\IMAGE的壓縮和自動(dòng)部署功能)。

  雖然基本功能完成,但是還有一個(gè)讓人容易忽略而又重要的問(wèn)題來(lái)了,就是資源文件的版本號(hào)的問(wèn)題。在這里用的是SeaJS來(lái)做的模塊管理,也在網(wǎng)上搜集了一下關(guān)于這塊的資料。大致有以下兩種方案:

  1、配置SeaJS的map對(duì)象。很方便,集中管理,但是也存在一些問(wèn)題,比如:map對(duì)象的維護(hù)、配置文件引用頁(yè)面的時(shí)間戳問(wèn)題。

  2、生成文件sign,替換原有文件的名。這里不用考慮頁(yè)面引用的時(shí)間戳問(wèn)題,但是需要對(duì)資源及頁(yè)面做一次全文查找替換,這對(duì)于分散部署的情況下將會(huì)非常復(fù)雜。

  看了上面兩種方案后,感覺(jué)在我的場(chǎng)景下還存在一些不足之處。筆者想要的是不影響開(kāi)發(fā)情況下,開(kāi)發(fā)人員完全不用考慮文件被緩存問(wèn)題,只需完成編碼,提交到構(gòu)建系統(tǒng)后,一鍵完成構(gòu)建和部署。

  確定好目標(biāo)后,既然不想讓開(kāi)發(fā)同學(xué)關(guān)心時(shí)間戳問(wèn)題,那么是否可以將這個(gè)工作交給Web服務(wù)器來(lái)做呢?那么交給服務(wù)器來(lái)做之后,如何動(dòng)態(tài)的更新最新的資源文件呢?

  有問(wèn)題就好解決,將問(wèn)題拋出來(lái)之后,方案也漸進(jìn)呈現(xiàn)出來(lái),不啰嗦了,直接上筆者的實(shí)現(xiàn)方案:

  構(gòu)建工具動(dòng)態(tài)生成.htaccess文件,將構(gòu)建的資源文件的URL重寫(xiě)列表同步到.htaccess文件中以達(dá)到由服務(wù)器動(dòng)態(tài)獲取新的資源文件。

  (備注:筆者是在apache環(huán)境下,對(duì)IIS\NGINX\TOMCAT\RESIN\JBOSS等環(huán)境還需要再研究研究。)

  看了上面的方案是不是很簡(jiǎn)單,那具體是怎么做的呢?筆者也在這里列一下。

  1. 構(gòu)建工具在構(gòu)的時(shí)候生成一個(gè)與filename.ext對(duì)應(yīng)的filename.ext.sha1的文件,這個(gè).sha1的文件存放filename.ext文件的sha1值。

  2. 在構(gòu)建完成后,構(gòu)建工具讀取.htaccess的模板,并且遍歷得到所有資源文件的列表,生成一個(gè)對(duì)filename.ext對(duì)應(yīng)的filename.ext.sign的文件。

  3. 按規(guī)則生成RewriteCond和RewriteRule。并將規(guī)則數(shù)據(jù)寫(xiě)到.htaccess文件中并部署到資源文件站點(diǎn)的根據(jù)目錄。

  圖一:構(gòu)建工具基本結(jié)構(gòu)圖

  圖二:構(gòu)建后的文件列表

  圖三:生成一條Rule

  圖四:生成后的.htaccess文件

  OK,到這里基本告一段落了,資源版本號(hào)解決了。但是對(duì)于性能影響這塊還需要觀察,待有時(shí)間再研究。

分享名稱(chēng):Web前端構(gòu)建工具版本號(hào)管理方案思考
文章起源:http://www.rwnh.cn/news/170255.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、定制網(wǎng)站、建站公司、網(wǎng)站收錄、網(wǎng)站營(yíng)銷(xiāo)、標(biāo)簽優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

綿陽(yáng)服務(wù)器托管
阿坝县| 鄂托克旗| 郯城县| 彭州市| 青浦区| 辽中县| 清河县| 麟游县| 来宾市| 台北县| 河间市| 云浮市| 定兴县| 黔江区| 吉隆县| 凤庆县| 麻阳| 广灵县| 高平市| 沾益县| 博野县| 肥西县| 本溪| 来凤县| 本溪市| 比如县| 博爱县| 武清区| 昂仁县| 潼南县| 兴安县| 宝丰县| 余庆县| 雷州市| 南皮县| 和田县| 嘉黎县| 平定县| 格尔木市| 富宁县| 剑河县|