RequireJS - 配置


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

例如 -

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

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

配置选项

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

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

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

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

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

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

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

  • waitSeconds - 它指定在加载脚本时等待的秒数。默认值为“7”秒,“0”则禁用超时。

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

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

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

  • 回调- 它在加载依赖项后执行一个函数,并且在加载 RequireJS 之前将 Require 指定为配置对象时需要它。

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

  • scriptType - 它定义文档中使用的脚本类型属性的值。默认类型是“text/javascript”。

  • SkipDataMain - 如果此选项设置为true,则在加载模块时跳过数据主属性扫描