javascript - 如何使用 requirejs 导入 strophe？

Question

我正在尝试使用 strophe.js与 relay-starter-kit .我检查了 relay-starter-kit，将 "strophe": "^1.2.2" 添加到 package.json 并运行了 npm 安装。

我找不到如何在不出错的情况下导入 strophe。如果我只是尝试 import Strophe from 'strophe'; 我会收到 webpack 无法解析 strophe-polyfill 的错误。我为指向主 strophe.js 文件的那个添加了一个解析别名，但这没有帮助(我只是收到一条控制台消息 Uncaught ReferenceError: Strophe is not defined)。

看起来 strophe 有一些奇怪的模块系统(它在 github 中提到了 AMD，但我认为这意味着我可以require 它，但显然不是)。我见过的所有示例都将其导入到 HTML 文件中并使全局命名空间困惑。我需要在 React 中使用它，所以我认为这行不通。

如何导入 strophe 以在我的 es6 文件中使用？

Answer 1

因为我在这上面浪费了很多时间，所以这里是答案:

1. 在 HTML 文件中包含 strophe:

2. 编辑 server.js 使 webpack 将 strophe 公开为静态路径:

   app.use('/node_modules/strophe', express.static('node_modules/strophe'));

3. 在 React 组件中，无需导入 strophe，因为它现在全局可用。而只是连接，例如:

   var connection = new Strophe.Connection("ws://"+ server + ":5280/websocket/");