requirejs - RequireJS：为什么相对路径适用于define()，而不适用于require()？

Question

假设您有以下目录结构和以下文件：

root
|-- require-jquery.js
+-- folder
     |-- index.html
     |-- main.js
     +-- AnotherModule.js

在 RequireJS 中，当您引用以“.”开头的模块时，RequireJS 会在您当前模块所在的文件夹中查找，即使那是一个子目录。但是，如果您在调用 define() 之前更改 baseUrl，RequireJS 会将依赖项映射到新的 baseUrl。

您可以通过在 index.html 中设置 baseUrl 并将 data-main 更改为相对于 baseUrl 的路径来解决此问题：

文件夹/index.html：

<script>
    var require = {
        baseUrl : "../"
    };
</script>
<script data-main="folder/main" src="../require-jquery.js"></script>

文件夹/main.js：

define(
        [ "jquery", './AnotherModule' ],
        function($, AnotherModule) {});

这仅适用于 define()，不过：

文件夹/main.js：

require(
        [ "jquery", './AnotherModule' ],
        function($, AnotherModule) {});

如果我尝试使用 require()，RequireJS 将在根目录中查找 AnotherModule.js，而不是文件夹。为什么会这样，特别是为什么 define() 和 require() 之间的设计差异？

score 8 · Accepted Answer

这是因为 define 指定了一个模块名称，而 require 没有。

可以这样调用定义：

define('folder/main',
        [ "jquery", './AnotherModule' ],
        function($, AnotherModule) {});

第一个参数是模块名称 - 模块的显式路径。Define() 总是隐式指定路径，一般不推荐使用显式路径。Require 不带名称参数。

当您在 define() 中包含相对依赖项时（例如 './AnotherModule'），它是相对于模块名称的。在这种情况下，./AnotherModule 将解析为文件夹/AnotherModule。

在对 require() 的调用中，没有模块名称。相对依赖被解析到根。

1 回答 1