使用webpack导入requirejs amd模块

时间:2016-12-08 21:45:59

标签: javascript webpack requirejs amd

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

我在磁盘上有文件,想要像

一样导入它
import converse from './converse.js';
converse.initialize({ .. });

Webpack拿起文件并正确捆绑它,虽然它不可用,因为它抛出'初始化不是一个函数'。我错过了什么?

1 个答案:

答案 0 :(得分:3)

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

their builds开始,通过NPM构建的AMD模块没有依赖关系应该可以通过Webpack进行解析,它将使您能够提供dependencies以避免在最终输出中使用dupe。

如果所有其他方法都失败了,使用script-loader将评估全局上下文中的脚本,您将获得相同的体验,就好像您已按照其使用指南从CDN引用它一样,只需要不要为你的linter配置全局变量。