合並多個Javascript文件的最佳做法是什么？

Question

對於CSS，我可以使用SASS將一個CSS文件導入另一個CSS文件並僅生成單個CSS文件。 Javascript文件的類似方法是什么？

Answer 1

您可能想查看Closure Compiler （這是一個Google產品）。

您可能需要產品的Closure Compiler Application表單。

示例工作流程可能如下所示：

1. 創建JS文件和路徑的列表
2. 運行命令來編譯和連接文件（ java --jar compiler.js --js path_to_file1.js --js path_to_file2.js (etc.) compiled.js ）

Closure Compiler還有一個相關的項目Closure Stylesheets ，它為樣式表做了同樣的事情。

這種方法當然意味着有一個預編譯步驟。 根據您的后端，還有一些庫在構建頁面時進行編譯。 例如，對於JSP， Granule是一個標記庫，它在頁面構建時創建已編譯的JS和CSS文件。

還有第三種可能性：模塊化。 由於您給出了能夠在SASS中導入CSS文件的示例，因此JavaScript的模擬使用模塊庫，使用CommonJS標准 ，或者（我更喜歡的），AMD（異步模塊定義）模式，我親自與RequireJS一起使用 。 RequireJS還附帶了一個很好的優化工具，可以捆綁（縮小，壓縮，連接等）應用程序所需的所有文件

UPDATE

既然你提到你在評論中使用Django（也可能有用這個信息更新問題），看看這個答案是否也有幫助

---

Answer 2

您可以使用minify ，它允許您縮小和組合javascript文件。 它也適用於CSS。