當需要或通過外部加載jQuery/CSS內聯？

Question

我喜歡讓自己忙於構建模塊化Web應用程序，但不想花費時間在我可以節省的地方。

例如，我正在構建一個新聞模塊，應該可以輕鬆地在多個站點上實施，因爲使用了相同的網絡應用程序。

但並非所有網站都需要新聞模塊。創建內置於模塊本身的內聯樣式表/ JavaScript文件比使用所有庫創建大外部樣式表/ JavaScript更好/更簡單/更快？即使新聞模塊的文件在所有其他網頁上都不需要？

在模塊本身中創建內聯庫似乎更容易。這樣才能在需要時加載，並在其他頁面上節省加載時間和帶寬。

另一件事是我喜歡寫'即插即用'模塊。假設我通過文件服務器將文件移動到模塊文件夾中，應用程序將負責處理剩餘的文件。使用內聯工作表，我不必在頁眉/頁腳等添加新行。

這是什麼最佳解決方案？同時考慮到我寧願花10分鐘時間移動一個文件並且運行起來，而不是花1個小時追加外部庫，僅僅是因爲它更像是一種「良好實踐」？

Answer 1

如果您重新構建Web應用程序，您是否使用MVC模板？你分開你的擔憂嗎？ （你的模板/視圖，你的模型和你的邏輯（控制器））

如果你關注MVC，它可以更容易地維護和定製你的應用程序。

要回答確切的問題，您需要的是RequireJS。這樣，你只有一個地方申報您的要求，並RequireJS將處理剩下的..加載順序和更多..

從requirejs網站報價：

隨着時間的推移，如果你開始創建更多的模塊化代碼需要在幾個地方重複使用 ，RequireJS的模塊格式可以讓 輕鬆地編寫可以實時加載的封裝代碼。

Answer 2

內聯從來沒有堅實的方法來維護CSS。注意將您的佈局的描述與您的視圖分開。您可以輕鬆地將文件包含在與模塊相同的目錄中，因此它不應該成爲問題。

Answer 3

或者，如果您只想加載「即時」腳本，您可以使用jQuery.getScript，http://api.jquery.com/jQuery.getScript/。否則，你應該按照喬治的方式。