使用 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 拾取文件并正确打包它，尽管它还不能用，因为它抛出 'initialize is not a function'。我错过了什么？

Answer 1

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

来自 their builds, taking the built AMD module via NPM without dependencies should be parsable by Webpack and it will enable you to provide the dependencies 以避免在最终输出中出现重复。

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

使用 webpack 导入 requirejs amd 模块

import requirejs amd module with webpack

javascript

amd

requirejs

webpack