正在加載JS文件的最佳做法？

Question

我面臨着一個困境。我使用Backbone.js開始了一個項目，並且有很多很多的JS文件（視圖，模型，控制器，模板，集合），但我不想在每個HTML文件中使用腳本元素來加載它們。

我的想法是加載一個文件（bootstrap.js），並在其中加載我的web應用程序所需的所有JavaScript文件（減去第三方庫，它將在bootstrap.js之前使用<script>加載）。

會使用jquery getScript函數來加載bootstrap.js中的所有JS文件嗎？什麼是最佳做法？當我不需要時，我只是不想在我的HTML文件中使用20-30 <script></script>行 - 只是試着保持它的漂亮和乾淨。

Answer 1

在部署之前，您應該將它們連接在一起。您也可以在其上運行YUI Compressor以進行速度和大小優化。

但我最喜歡的方式是在開發過程中讓它們分開，在部署之前保留一個大文件。一些服務器端腳本將使這一點變得簡單。