使用require.js在多个JS文件中拆分应用程序的javascript

Question

我一直在寻找一种将我的一页应用程序的js文件拆分为多个的方法。像这样：

plugins.js
open.js
closed.js
admin.js

因此，当用户加载第一页时，将加载plugins.js和open.js。另一个仅在特定页面中加载（例如，关闭的部分或admin部分已关闭，因此我将在其他页面之后加载）。今天，我所有的应用用户都加载了整个沉重且精简的JavaScript文件。

我可以使用require.js做到这一点吗？我找不到关于这种方法的任何参考。

谢谢。

Answer 1

您可能想看看Grunt.js并将其与其contrib-uglify插件结合起来。我制作了一个简单的样板包来帮助我开始新项目，其中包括一个Grunt简单的contrib-uglify实现。

您必须指定哪些文件应连接到哪些文件中，然后您可以根据您在应用程序中的位置动态加载每个文件。

您还可以使用Modernizr进行功能检测/和/或将相应的类分配给页面上的 html 标记，然后使用Yepnope有条件地异步加载资源并仅提供用户需要的文件 - 根据可用的功能或仅基于例如，在您定义的类上，例如contact-page。