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

【问题标题】：RequireJS: Why do relative paths work for define(), but not require()?RequireJS：为什么相对路径适用于define()，而不适用于require()？
【发布时间】：2013-04-18 15:53:55
【问题描述】：

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

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()之间的设计差异？

【问题讨论】：

标签： requirejs

【解决方案1】：

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

Define 可以这样调用：

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

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

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

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

【讨论】：