将JavaScript文件导入一个文件的最佳方法？

Question

我有一个使用"类"概念的语言编码背景.既然我正在编写JavaScript,我想以类似的方式编写代码,以便我创建的每个面向对象的"类"都是它自己独立的文件.

• 请参阅javascript类中的"私有"方法访问"公共"方法

• 见http://phrogz.net/JS/classes/OOPinJS.html

在其他语言中,我将在类文件的顶部创建import语句,以确保在类文件中使用的其他自定义类,以便将其他自定义类编译为最终二进制文件.

当然JavaScript不是编译语言; 但是,我仍然希望能够在自定义类文件的顶部包含某种"import"语句,这样我就可以确保导入的JS"class"文件可供用户的浏览器下载.

如果有一个第三方工具将我所有单独的类文件合并到一个JS文件中,那将是理想的,因此浏览器只需要为单个JS文件发出一个HTTP请求,而不是为每个指示的JS"类"进行多次调用.有谁知道这样的工具是否存在,它会执行以下操作:

1. 允许我选择我想要包含在单个JS文件中的JS文件
2. 通过我在步骤1中选择的文件进行爬行,并在每个自定义"类"文件的顶部找到所有"导入"语句.这些"导入"语句可能只是第三方识别为import语句的代码中的特殊格式的注释.
3. 然后,第三方将创建单个JS文件,其中包含从步骤1中选择的所有文件以及在步骤2中找到的所有导入文件.

一些流行的JavaScript框架似乎就是这样做的.例如,jQueryUI允许您通过允许用户检查您要使用的对象来自定义单个jQueryUI源文件的下载.如果取消选中已签出项目所需的元素,则表单会告诉您在继续下载文件之前需要纠正的依赖关系.

• 见http://jqueryui.com/download/

那么是否有第三方工具允许开发人员使用某种"导入"语句注释来确保将许多依赖的JS文件(以及只有开发人员需要的文件)合并到一个JS文件中？

Answer 1

RequireJS就是为此目的而构建的.