RequireJS - 配置



RequireJS 可以通过在 HTML 模板中传递主配置来初始化,方法是使用 data-main 属性。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 - 通过配置其依赖项和导出其全局值,它提供与 RequireJS 一起使用非 AMD 库的方法。

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

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

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

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

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

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

  • deps - 这是在加载 RequireJS 之前将 Require 指定为 config 对象时所需的依赖项数组。

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

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

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

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

广告