如何使用 requireJS

问题描述

在我的项目中，有一个自定义的第三方库（单个构建文件），他们使用几个非 AMD 和 AMD 文件创建了该库。并且大部分属性直接暴露给 window 对象。在我们的项目中，根据新的要求，我们必须使用 requireJS 以异步模式加载这个第三方库。我尝试了 shim 配置，但从第三方库收到错误消息，提示需要全局变量/窗口、全局变量/文档。

1. 如何在不编辑第三方库的情况下解决当前项目中的上述错误？有可能吗？
2. 如何在项目中使用这个第三方库属性，因为所有属性都直接暴露给 window 对象。

这是我们现在遇到的错误

有人可以帮我解决这个问题吗？ 提前致谢！

解决方法

看起来您的第 3 方库是 video.js。 Video.js 是（见下文）创建了两个全局对象 global/window 和 global/document，它们似乎用于在没有窗口或文档的服务器上测试 video.js。

您可以看到它们的定义 here，然后是 import。如果您愿意编辑文件（并在服务器端停止 video.js 测试），那么这是一个简单的解决方案。

你说你不想编辑库，所以让我们寻找其他解决方案。你可以继续定义它们：

define('global/window',[],() => {
  return window;
});

define('global/document',['global/window'],(window) => {
  return window.document;
});

然后加载video.js：

require(['video.7.5.0.min.js'],(videojs) => {
  window.videojs = videojs;
  // any other initialization you want here
});

此外，了解您使用的是哪个版本的 video.js 可能会有所帮助。看来这可能已在 7.11.1 (in this PR) 中得到修复，因此很有可能升级到该版本或更高版本会使问题消失。

在 this issue 中有很多关于此问题的讨论，但由于前面提到的 PR，它似乎已关闭。