前端工程之CDN文件上傳

IamDLY 發(fā)布于2019-08-19 18:06 / 2312人閱讀

摘要：我把文件傳到服務(wù)器配置好后，就把其它的靜態(tài)文件扔了。內(nèi)容大多會(huì)是后端技術(shù)前端工程，偶爾會(huì)有一些大數(shù)據(jù)相關(guān)，會(huì)推薦一些好玩的東西。

你們是怎么上傳靜態(tài)網(wǎng)頁(yè)資源的，還是手動(dòng)處理？有考慮過前端妹子和運(yùn)維哥們的感受嗎

很久以前，一個(gè)前端妹子寫完了代碼要上線，扔了一個(gè)壓縮包過來。我把 HTML 文件傳到服務(wù)器配置好 Nginx 后，就把其它的靜態(tài)文件扔 CDN 了。沒過多久，妹子來找我，說產(chǎn)品經(jīng)理剛讓改了一個(gè)樣式，你給更新下吧。我說，好，沒問題.. 過了大概半小時(shí)，妹子又跑過來找我，產(chǎn)品說那個(gè)按鈕有點(diǎn)點(diǎn)大，又讓改了下樣式，你再更新下吧。我微微皺了下眉，說好吧，沒問題。然后有一次大晚上的，產(chǎn)品又他媽改需求，雖然我很喜歡妹子找我，但經(jīng)常這樣，我也不能愉快地和自己的妹子玩耍了啊。于是，我動(dòng)起了手....

是的，這是一個(gè) Grunt 插件，當(dāng)使用grunt build命令構(gòu)建完成后，再執(zhí)行grunt cdn-upyun，它可以很迅速的把你生成好的目錄中的所有文件扔到CDN 上去。然后我再結(jié)合 webhook，當(dāng) master 分支代碼有提交時(shí)，自動(dòng)執(zhí)行grunt build和grunt cdn-upyun命令，很爽有木有~ ?
后來我的同事城管哥也用同樣方式寫了一個(gè)npm script 版本的一鍵上傳工具，叫 npm-scripts-cdn，不依賴于Grunt，執(zhí)行npm run cdn-upyun就可以輕松搞定。

雖然我寫的都是基于upyun的插件，但比如七牛提供了很完善的 NodeJs版SDK，根據(jù)自己的需要稍微擴(kuò)展下就可以了。

我把代碼放在了 Github 上，你可以到公眾號(hào)聊天界面，回復(fù)cdn-upyun，我會(huì)給你倆地址。

掃描二維碼，關(guān)注我。
內(nèi)容大多會(huì)是后端技術(shù)、前端工程、DevOps，偶爾會(huì)有一些大數(shù)據(jù)相關(guān)，會(huì)推薦一些好玩的東西。希望你會(huì)喜歡~

一切，源于喜歡。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/79196.html

相關(guān)文章

前端工程之CDN文件上傳

摘要：我把文件傳到服務(wù)器配置好后，就把其它的靜態(tài)文件扔了。內(nèi)容大多會(huì)是后端技術(shù)前端工程，偶爾會(huì)有一些大數(shù)據(jù)相關(guān)，會(huì)推薦一些好玩的東西。你們是怎么上傳靜態(tài)網(wǎng)頁(yè)資源的，還是手動(dòng)處理？有考慮過前端妹子和運(yùn)維哥們的感受嗎很久以前，一個(gè)前端妹子寫完了代碼要上線，扔了一個(gè)壓縮包過來。我把 HTML 文件傳到服務(wù)器配置好 Nginx 后，就把其它的靜態(tài)文件扔 CDN 了。沒過多久，妹子來找我，說產(chǎn)品...

番茄西紅柿 2019-07-16 14:29 評(píng)論0 收藏0
前端工程之CDN文件上傳

摘要：我把文件傳到服務(wù)器配置好后，就把其它的靜態(tài)文件扔了。內(nèi)容大多會(huì)是后端技術(shù)前端工程，偶爾會(huì)有一些大數(shù)據(jù)相關(guān)，會(huì)推薦一些好玩的東西。你們是怎么上傳靜態(tài)網(wǎng)頁(yè)資源的，還是手動(dòng)處理？有考慮過前端妹子和運(yùn)維哥們的感受嗎很久以前，一個(gè)前端妹子寫完了代碼要上線，扔了一個(gè)壓縮包過來。我把 HTML 文件傳到服務(wù)器配置好 Nginx 后，就把其它的靜態(tài)文件扔 CDN 了。沒過多久，妹子來找我，說產(chǎn)品...

darry 2019-06-21 16:09 評(píng)論0 收藏0
前端基礎(chǔ)

摘要：談起閉包，它可是兩個(gè)核心技術(shù)之一異步基于打造前端持續(xù)集成開發(fā)環(huán)境本文將以一個(gè)標(biāo)準(zhǔn)的項(xiàng)目為例，完全拋棄傳統(tǒng)的前端項(xiàng)目開發(fā)部署方式，基于容器技術(shù)打造一個(gè)精簡(jiǎn)的前端持續(xù)集成的開發(fā)環(huán)境。這一次，徹底弄懂 JavaScript 執(zhí)行機(jī)制本文的目的就是要保證你徹底弄懂javascript的執(zhí)行機(jī)制，如果讀完本文還不懂，可以揍我。不論你是javascript新手還是老鳥，不論是面試求職，還是日...

graf 2019-08-21 18:38 評(píng)論0 收藏0
Nicon-支持私有部署的開源字體圖標(biāo)管理平臺(tái)！

摘要：靜態(tài)資源的訪問通過配置代理實(shí)現(xiàn)頁(yè)面的訪問，跟服務(wù)端工程毫無關(guān)系，服務(wù)端只負(fù)責(zé)提供異步接口。集中管理異步接口配置的模塊 Nicon 一言不合，先上平臺(tái)Nicon。該平臺(tái)接入github登錄，采用七牛CDN存儲(chǔ)，歡迎大家試用。 Nicon 是一個(gè)集圖標(biāo)上傳、展示、使用于一身的字體圖標(biāo)管理平臺(tái)，流程簡(jiǎn)單，符合日常開發(fā)使用習(xí)慣，適合企業(yè)在內(nèi)部部署使用。采用 Iconfont 字體圖標(biāo)替換項(xiàng)目中...

trigkit4 2019-08-30 14:09 評(píng)論0 收藏0
Nicon-支持私有部署的開源字體圖標(biāo)管理平臺(tái)！

摘要：靜態(tài)資源的訪問通過配置代理實(shí)現(xiàn)頁(yè)面的訪問，跟服務(wù)端工程毫無關(guān)系，服務(wù)端只負(fù)責(zé)提供異步接口。集中管理異步接口配置的模塊 Nicon 一言不合，先上平臺(tái)Nicon。該平臺(tái)接入github登錄，采用七牛CDN存儲(chǔ)，歡迎大家試用。 Nicon 是一個(gè)集圖標(biāo)上傳、展示、使用于一身的字體圖標(biāo)管理平臺(tái)，流程簡(jiǎn)單，符合日常開發(fā)使用習(xí)慣，適合企業(yè)在內(nèi)部部署使用。采用 Iconfont 字體圖標(biāo)替換項(xiàng)目中...

dance 2019-08-22 15:31 評(píng)論0 收藏0