問題
首先把問題給大家貼出來,如果大家也有類似的困惑,那么本文章肯定會給你帶來一定的收獲
大公司里怎樣開發(fā)和部署前端代碼?
主要有以下問題:
- 開發(fā)時的和部署時類庫的引用和存放是一致還是不同?
- 模塊放在項目中還是放在 CDN 之類服務(wù)器?
- 渲染網(wǎng)頁用 Nginx 還是其他動態(tài)語言的 Web 服務(wù)器?
- 制作網(wǎng)頁的流程,是先有設(shè)計師的稿,還是先看模塊?
- 會選擇用自己寫的模塊還是從社區(qū)尋找模塊?
其他的思考
你平時在公司中是怎么部署項目的呢?
- 直接執(zhí)行 npm run build 打包項目
- 得到 dist 文件夾,放到服務(wù)器對應(yīng)位置
- 重新執(zhí)行 nginx -s reload 完成部署
這樣應(yīng)該沒有什么問題了。撐死再去解決下跨域的問題,一般的中小公司部署就算是完成了。
但是 部署真的有那么簡單嗎?那些大廠的部署也是通過以上方式完成的嗎??
讓我們一起來看看吧~~
基礎(chǔ)部署邏輯
當(dāng)我們回歸到最基本的前端開發(fā)時,就像看到了這個"可愛"的index.html頁面和它的樣式文件a.css,簡單地用文本編輯器書寫代碼,不需進行編譯,只要本地預(yù)覽確認(rèn)無誤,然后將其放到服務(wù)器上等待用戶訪問。
前端開發(fā)就是"如此簡單",很輕松嘛!門檻也是相當(dāng)?shù)吐?!輕輕松松掌握有木有?。?/span>
然后我們訪問頁面,看到效果,再查看一下網(wǎng)絡(luò)請求,200!不錯,太?完美了!那么,研發(fā)完成。。。。了么?
等等,這還沒完呢!對于大公司來說,那些變態(tài)的訪問量和性能指標(biāo),將會讓前端一點也不“好玩”。