RequireJS - 配置

RequireJS 可以通过将 HTML 模板中的主配置通过 data-main 属性进行初始化。RequireJS 使用它来了解在应用程序中要加载哪个模块。

例如 −

<script data-main = "scripts/main" src = "scripts/require.js"></script>

要包含 Require.js 文件,您需要在 html 文件中添加脚本标记。在脚本标记内,添加 data-main 属性以加载模块。这可以作为应用程序的主要入口点。 scripts/main 是包含 RequireJS 配置的应用程序的主 JavaScript 文件。

配置选项

以下是在加载第一个应用程序模块时可以设置的配置选项 −

  • baseUrl − 它是通过 RequireJS 加载的所有模块的路由路径。baseUrl 由以"斜杠 (/)"开头的字符串表示,包含协议并以".js"扩展名结尾。如果没有指定 baseUrl,则 RequireJS 使用 data-main 属性路径作为 baseUrl。

  • paths − 它指定相对于 baseUrl 的模块的路径映射。它在映射模块名称时自动将 .js 扩展名添加到路径。

  • shim − 它通过配置依赖项并导出其全局值,为 RequireJS 提供非 AMD 库的使用。

  • map − 对于给定的模块,应用程序通过共享其 id 来使用不同版本的相同模块以实现不同的目标,从而在不同条件下使用相同的代码。

  • config − 它通过使用 config 选项为模块提供配置,这可以通过使用特殊依赖项"模块"并调用其 module.config() 函数来完成。

  • urlArgs − 查询字符串参数用于获取使用 RequireJS 加载的所有资源。当浏览器或服务器配置不正确时,它用于缓存清除。

  • waitSeconds − 它指定在脚本加载前等待的秒数。默认值为"7"秒,"0"表示禁用超时。

  • packages − 它提供用于配置加载模块的 CommonJS 包。

  • context − 它提供上下文加载的名称,允许在页面中加载不同的模块。

  • deps − 它是在加载 RequireJS 之前将 Require 指定为配置对象时所需的依赖项数组。

  • callback −它在加载依赖项后执行一个函数,并且在加载 RequireJS 之前将 Require 指定为配置对象时是必需的。

  • xhtml − 当此选项设置为 true 时,它用于使用 document.createElementNS() 方法创建脚本元素。

  • scriptType − 它定义文档中使用的脚本类型属性的值。默认类型为"text/javascript"。

  • skipDataMain − 如果此选项设置为 true,则在加载模块时跳过 data-main 属性扫描