javascript - 使用 webpack 导入 requirejs amd 模块

Question

我正在使用 Converse.js并且它被预构建到 RequireJS/AMD 语法中。包括来自 CDN 的文件，您可以像 require(['converse'], function (converse) {/* .. */}) 那样使用它。如何将它与 webpack 一起使用？我想将 converse.js 与我的 webpack 输出捆绑在一起。

我有磁盘上的文件，想导入它

import converse from './converse.js';
converse.initialize({ .. });

Webpack 拾取文件并正确打包它，尽管它还不能使用，因为它抛出“初始化不是函数”。我错过了什么？

Answer 1

我怀疑他们构建 bundle 的方式与 Webpack 在有限上下文中评估模块的方式无法正常工作。

来自 their builds , 通过 NPM 获取构建的 AMD 模块而不依赖于 Webpack 应该可以解析它，它将使您能够提供 dependencies以避免在最终输出中出现重复。

如果一切都失败了，使用 script-loader将在全局上下文中评估脚本，您将获得与遵循他们的使用指南从 CDN 引用它一样的体验，只是不要忘记为您的 linter 配置全局变量。