RequireJS：为什么相对路径适用于Define()，而不适用于Required()？ [英] RequireJS: Why do relative paths work for define(), but not require()?

问题描述

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

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) {});

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

推荐答案

这是因为Define指定了模块名称，而Required没有指定。

Define可以这样调用：

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

第一个参数是模块名称-模块的显式路径。Define()总是隐式指定路径，通常使用显式路径是not recommended。Required不接受Name参数。

当您在Define()中包含相对依赖项(如‘./AnotherModule’)时，它是相对于模块名称找到的。在这种情况下，./AnotherModule将解析到文件夹/AnotherModule。

在对Required()的调用中，没有模块名称。相对依赖项解析为根。

这篇关于RequireJS：为什么相对路径适用于Define()，而不适用于Required()？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！