將應用程序代碼與供應商代碼合併有什麼好處？

Question

在我目前的項目中，我們的gulp構建過程將我們的Angular應用程序放到兩個Javascript文件中;一個用於應用程序中的任何內容（我們寫的東西），另一個用於供應商文件（基本上包含任何東西;例如包含的內容）。

最近有一個請求來自對項目更加抽象的影響，將app.js和vendor.js和vendor.js（和CSS等效項）整合到一個文件中以減少HTTP請求。

現在，我真的沒有很多的經驗，但我們最初的實現是爲兩個文件設置的。我的問題是：鞏固這兩者是否有實際好處，還是有技術或實際的理由讓它們分開？也許這是最初的（可能是曼奧曼）腳手架把它們擺出來的方式，如果是這樣的話，是否有建築原因？

非常感謝您提供的所有建議或經驗。

Answer 1

Gulp將您的供應商和應用程序代碼編譯到單個文件中沒有問題。這樣做的好處是可以減少瀏覽器對單個腳本請求的請求數量。

但是，如果發生錯誤，通常會使用兩個文件使其更加明顯。這也意味着編譯應用程序代碼的速度更快，因爲無論應用程序代碼更改何時都不需要重新編譯供應商代碼。通常，供應商代碼更加穩定，因此不需要頻繁編譯（甚至不需要觀看）。

此外，隨着HTTP2的出現及其執行多路複用下載的能力，將您的代碼連接成一個大文件是更糟糕的選擇。這是因爲即使很小的更改也會導致整個連接的Blob需要重新下載。