我不明白 require.js 如何处理加载路径。每次定义模块时都需要使用 require.config 吗？

Question

我正在学习 require.js 并认为我只是遗漏了一些东西。我不明白它如何加载文件。

我的 jquery 文件位于 lib 目录中。

这不起作用：

它显示 jquery 正在加载到 chrome 网络面板中。错误是：Uncaught TypeError: undefined is not a function 。所以基本上是说 $ 是未定义的。

require(['lib/jquery'],function($) {
  $(document).ready(function(){
    alert('hello');
  });
});

这行得通：

require.config({
    paths: {
        jquery: 'lib/jquery'
    }
});


require(['jquery'],function($) {
      $(document).ready(function(){
      alert('hello');
    });

});

在我在网上看到的其他示例中，您不必使用 require.config 设置路径。每次我想定义一个模块时都必须这样做吗？我知道在这种情况下我使用的是require而不是define，但是我对define方法有同样的问题。每次我使用define 制作模块时，我都必须使用require.config() 设置路径。我想我在这里遗漏了一些东西。谁能指出我正确的方向？

Answer 1

这是对 jquery 完成的 AMD 注册的约束。它显式注册为名为“jquery”的命名模块，因此您必须为其配置路径，或者在上述情况下，将 baseUrl 设置为“lib”，然后您不需要路径配置。

其他库通常应该使用匿名模块注册，因此您不需要为每个库进行路径配置。 More details here.

另外，一些库，比如下划线，不直接调用define()，但是你可以使用shim config获得一定程度的支持。

Answer 2

更新以反映 cmets 和 James' answer:

你有两个问题：

1. jQuery，出于 James 在他的回答中概述的原因，要求您在配置中设置 paths，或者在您概述的代码中，将 baseUrl 设置为“lib” .

2. 您必须记住，您不能只使用 RequireJS 加载任何旧脚本。只能加载符合 AMD 标准的脚本。

话虽如此，我还是建议你改用require-jquery。

您可能最终会使用 jQuery 插件，这些插件会假定 jQuery 已加载到页面上，而这些插件不适用于您尝试的方法。