javascript – 有没有办法懒惰地设置RequireJS资源的路径？

2023年2月2日 224次阅读

所以,我有一个使用requireJS的应用程序.非常高兴.在大多数情况下.

这个程序使用Socket.IO. Socket.IO由nodejs提供,不与主Web服务器在同一端口上运行.

为了解决这个问题,在我们的主要js文件中,我们执行以下操作：

    var hostname = window.location.hostname;
    var socketIoPath = "http://" + hostname + ":3000/socket.io/socket.io";
    requirejs.config({
        baseUrl: "/",
        paths: {
            app           : "scripts/appapp",
            "socket.io"   : socketIoPath
        }
    });

比这更复杂,但你得到了要点.

现在,在交互模式下,这可以游戏.

当我们尝试使用r.js来编译时,丑陋开始(技术上我们使用grunt来运行r.js,但除了这一点之外).

在r.js的配置中,我们为socket.io设置了一个空路径(以避免它无法拉入),我们将主文件设置为mainConfigFile.

编译器对此大吼大叫,说：

Running "requirejs:dist" (requirejs) task
>> Error: Error: The config in mainConfigFile /…/client.js cannot be used because it cannot be evaluated correctly while running in the optimizer. Try only using a config that is also valid JSON, or do not use mainConfigFile and instead copy the config values needed into a build file or command line arguments given to the optimizer.
>>     at Function.build.createConfig (/…/r.js:23636:23)

现在,我可以想象,这是因为我正在使用变量来设置“socket.io”的路径.如果我把它拿出来,需要运行很好,但我不能从服务器运行原始.如果我离开它,我的调试服务器很高兴,但构建中断了.

有没有办法可以在运行时懒惰地分配“socket.io”的路径,以便它不必在那时进入requirejs.config()方法？

最佳答案 编辑：对此进行了一些广泛的研究.结果如下.

使用RequireJS从CDN加载可以使用构建.但是,如果您使用较小的杏仁装载机,it’s not possible.

这有两个选择：

>在构建中使用杏仁以及文件的本地副本.
>使用完整的require.js加载程序并尝试使用CDN.
>使用< script>仅为该资源标记.

我说尝试#2,因为有一些警告.您需要在HTML中包含require.js,其中包含构建文件的data-main属性.但是如果你这样做,require和define将是全局函数,允许用户需要你的任何内部模块并乱用它们.如果您对此没问题,则需要在构建配置中遵循“empty: scheme”(但不要在主配置中).

但事实仍然是你现在有另一个HTTP请求.如果您只想要一个包含require.js加载器的构建文件,则需要optimize for only one file.

现在,如果您想避免用户需要您的模块,您必须在构建中执行wrap：true之类的操作.但据我所知,一旦你的模块从CDN下来,如果它是AMD,它将寻找一个全局定义函数来注册自己,并且这将不存在,因为它现在包含在一个闭包中.

我从这一切中汲取的教训：将您的资源内联到您的构建中.这说得通.您减少HTTP请求,缩小所有内容并获得gzip压缩.您不会将模块暴露给世界,一切都变得简单多了.如果您正确缓存资源,您甚至不必担心它.

但是由于socket.io的新版本不喜欢AMD,所以我就是这样做的.确保包含socket.io< script>在requirejs之前标记.然后创建一个名为socket.io的requirejs模块,其中包含以下内容：

define([], function () {
  var io = window.io;
  window.io = null;

  return io;
});

像这样设置路径：’socket.io’：’core / socket.io’或者你想要的任何地方.

并且正常地要求它！构建工作正常.

原始答案

您是否可以使用RequireJS API中指定的path config fallbacks？也许你可以在本地保存文件作为后备,这样你的构建就可以了.

socket.io GitHub存储库specifies,您可以使用socket.io-client软件包的dist /目录中的文件为客户端提供服务.

点赞