javascript - 如果我的 Backbone main.js 太大，我该怎么办？

Question

我使用 require.js (AMD) 并将其优化为一个最终的 javascript 文件 (main.js)

我的 main.js 是半兆，而且还会继续增加。

问题是：当客户端加载我的主干应用程序时，他们必须首先下载整个半兆字节的文件才能浏览该站点。（路由器包含在文件中）

通常这可能需要 3 秒才能开始加载。

我能做些什么？

Answer 1

将您的代码分成以下类别，并为每个类别使用单独的 requirejs 模块。

1. 显示初始应用所需的核心代码
   • 通过您的应用程序大量使用的大多数模块都可以放在这里
2. 可以通过 AMD 在后续请求中到达的辅助代码
   • 诸如动​​画助手之类的东西，仅在单击时出现的东西等
3. 仅在应用的角落需要的任何模块
   • 专业错误处理程序
   • 边缘案例逻辑
   • 大多数用户不会通过您的应用程序的路径（例如电子商务应用程序中的退款模块）

这样，通过一个希望大小合理的请求，您的应用程序就会启动并运行。第二个请求需要大约一秒钟才能让您加载 98%，如果给定用户需要，最后 2% 会按需滴流。

Requirejs 具有通过配置文件执行此操作的功能。只需进行一些深思熟虑和测试即可找到合适的位置来为您的特定应用程序绘制分界线。

一般提示：考虑较少的大型第三方依赖项。如果您有不同的用户角色，请考虑为管理员提供单独的捆绑包。