加载 JS 文件的最佳实践？答案

【问题标题】：Best practice for JS files being loaded?加载 JS 文件的最佳实践？
【发布时间】：2011-11-28 17:08:58
【问题描述】：

我面临两难境地。我使用 Backbone.js 开始了一个项目，并且有许多 JS 文件（视图、模型、控制器、模板、集合），但我不想使用 HTML 文件中的脚本元素来加载它们。

我的想法是加载一个文件 (bootstrap.js)，然后在其中加载我的 Web 应用程序所需的所有 JavaScript 文件（减去将在 bootstrap.js 之前使用<script> 加载的第 3 方库）。

是否可以使用 jquery getScript 函数从 bootstrap.js 中加载所有 JS 文件？什么是最佳做法？我只是不想在我不需要的时候在我的 HTML 文件中有 20-30 行 <script></script> 行 - 只是想保持它的整洁。

【问题讨论】：

【解决方案1】：

您应该在部署之前将它们全部连接起来。您还可以在它们上运行 YUI Compressor 以优化速度和大小。

但我最喜欢的方法是在开发过程中将它们分开，并在部署前保留 1 个大文件。一些服务器端脚本会让这变得简单。

【讨论】：