剛進入銀行做VUE項目重構,結合elementUi。但是沒有外網如何開始開發工作。?


作為普通的開發人員一般不需要考慮這個問題,銀行的項目大多數的開發流程和腳手架配置是基本完善的,常規做法是把需要引入的包放入內網倉庫中,在內網倉庫中進行下載即可。外網許可權的申請流程還是比較嚴格的,因職級而異。U盤別想了,都是禁用的。


帶個u盤


vue和elementui 都可以跳過webpack,直接require.js引入都行,壓根不需要npm.


搭建私有npm源

幾種方案:

1.nexus(不僅僅用於npm,maven,bower均可的重型利器)

參考:https://zhuanlan.zhihu.com/p/35907412

http://2.cnpm.org(阿里,網易嚴選)方案

3.sinopia(配置簡單,但是已不再維護)

基本原理:

用戶install後向私有npm發起請求,伺服器會先查詢所請求的這個模塊是否是我們自己的私有模塊或已經緩存過的公共模塊,如果是則直接返回給用戶;如果請求的是一個還沒有被緩存的公共模塊,那麼則會向上游源請求模塊並進行緩存後返回給用戶。

上游的源可以是npm倉庫,也可以是淘寶鏡像。


構建私有NPM庫,將所需要的公共庫COPY到私有NPM庫中


自己配置內網用的npm倉庫


如果電腦可帶或U盤可用,外網下載好依賴內網開發即可;

如果電腦不可帶且U盤不可用,可以申請搭建私有NPM,把需要的包及版本拉進來。

如果不讓搭建,手機下好後區域網傳輸。

如果還不行,找上級溝通和網路同事申請臨時白名單或者讓他們幫下載拷入呢。

方法總比困難多,變通變通總能解決的。


搭建內網npm倉庫,需要的庫全部拖進來


申請 proxy,申請訪問指定網站的許可權。

一般銀行會給一定級別的技術主管 proxy 或者外網許可權。


看你那邊網路管控怎麼樣了,還有些開發電腦不允許插U盤,看看公司內部郵箱有沒有外網訪問地址,你可以打包腳手架然後通過郵件附件傳。也可以通過內部通訊工具,如果通訊工具打通所謂的開發網外網,那也沒啥問題,除去腳手架的傳輸,還可以看看公司有沒有npm私服,一般的npm私服有溯源配置可以連同到外網環境下載依賴包,可以稍微方便點。否則只能打包node_modules。。。


在家把 elementUI官方倉庫 clone下來,放到自己電腦上就足夠你用了。


內網倉庫或者 把全局的node_modules下面一起打個包,u盤帶走,解壓,然後config prefix,


開手機熱點呀 都是自己掏流量費的 呵呵


簡單的,clone代碼到本地。方便同事的,搭建內網的,一起使用


ele.ui只是ui組件層,如果不像升級npm包的話,可以去node包里查看傳參,順便看看他們封裝的ui


我也有類似困惑,能否交流下


申請外網許可權


沒有外網的意思是只有本地區域網?還是說沒有梯子?

本地的話只能找有許可權的人下載並搭建內網npm倉庫,需要的庫全部拖進來

沒有梯子那就用淘寶鏡像 cnpm


我以前就是某上市銀行科技部的員工,你可以使用手機熱點查看資料,其實銀行員工是可以使用外網的,只是第三方公司入場之後怕泄密所以一般都會隔離!!!


難道連手機都沒收了么


可以先找到自己所需要的API和對應的技術積累,然後用U盤將文件放進去,以方便查看,提高開發效率


除了搭建npm源,還可以從外網事先下好node_modules,然後打成壓縮包放在內部源碼的託管倉庫中,類似github的release頁面里,需要自動化構建時托取下來解壓即可

這種方法雖然不優雅,但是可以避免更新私有源時的內外網同步問題(缺某個版本的包或者其他情況,不常見,但是會存在這種問題),畢竟刻盤是很麻煩的事情

而且源的更新一般需要有專門的人負責,你缺什麼東西都需要依賴於別人給你弄,這算是緊耦合


推薦閱讀:

學完vue.js後再學什麼框架比較方便單人接活?
為什麼基於vue的框架都不使用原生HTML標籤?
現階段應該使用什麼vue的UI框架?
vue3.0來了 前端們還學的動嗎?

TAG:前端開發 | 前端工程師 | Vuejs | ElementUI |