问题标签 [umd]

我在我的 React Native 应用程序中使用这个库require，但是当它尝试加密时我遇到了问题。在节点环境中，require-ing 一个不可用的模块会抛出一个错误，然后可以被捕获和处理。但是，打包程序不会打包应用程序，因为它无法解析模块。有什么方法可以忽略这些错误，只是在运行时抛出一个错误？

我正在尝试使用 ng-pacakgr 将模块 X 与 Y 的依赖关系打包。X 和 Y 具有服务和组件。

应用程序/模块结构是：

• ModuleX 导入 ModuleY
• X.forRoot() 提供 ServiceY。
• ServiceY 用于 AppModule 和 ModuleX。
• AppModule 导入模块 X.forRoot() 和 Y.forRoot()。

使用 ng-packagr 打包 ModuleX 告诉我：

在 options.globals 中没有为外部模块“Y”提供名称 - 猜测“Y”

好的

运行该应用程序不会给出任何错误，但似乎我有两个 ServiceY 实例。

查看 chrome 中的 webpack 源代码，我有两次 ServiceY：

在两个 ServiceY 的构造函数中定位断点表明它在两个类中都停止了。

理论上，ServiceY 应该在我的整个应用程序中实例化一次，因为 ServiceY 在应用程序的根目录中提供

我尝试添加具有各种值的选项 umdModuleIds，但看起来并没有什么不同。

总之，我有两个唯一的 ServiceY 实例（一个由应用程序导入，另一个由 X 导入（并重新定义））。

问题是：

• taht 来自哪里。
• 我怎么能确定 Y 在我的应用程序中只实例化一次。
• 我应该在 umdModuleIds 中配置什么（如何找到 moduleId）

谢谢。

版本信息

我正在以 umd 格式为 npm 创作一些模块——它们用于节点和浏览器

我正在使用 requirejs 加载模块客户端来处理它们

但是 requirejs 在 node_modules 中找不到模块——在 web 根目录中获取模块标识符的 404

我需要给requirejs什么配置，所以它会默认咨询node_modules？

我正在尝试构建一个使用 d3 的模块，但我不想将 d3 与该模块捆绑在一起，而且至关重要的是，我不想将 d3 绑定到窗口。该模块将安装在另一个项目中，npm 作为 git 依赖项。在模块上我有一个这样的设置：

在项目中它被安装到我想要这样的东西：

但是，只有当我也这样做时才有效：

是否可以在不触及全局范围的情况下使用这两个模块？

我试图让我的 NPM 模块在浏览器中工作，但我在理解 UMD 语法时遇到了一些麻烦。这是我对模块的要求，我将其称为 Mod。

• 我需要能够从浏览器中的其他文件中调用 Mod 的子函数，例如Mod.DoSomething(),Mod.Utils.DoSomethingElse()等
• 它需要与 Webpack、Browserify、RequireJS 等配合使用。
• 我需要能够将它作为 NPM 包中的一个模块，就像任何其他包一样。var mod = require('mod'); var returnedVal = Mod.DoSomething;

我没有任何依赖关系，但我很感激一个例子，说明如何在有依赖关系和没有依赖关系的情况下做到这一点。我的主要问题之一是如何导出子函数，因此请将它们包含在示例中。谢谢！

我正在尝试使用模块捆绑器 ParcelJS 构建一个模块。我希望这个特定模块对导入友好：

• 它应该是进口友好的（ES6）
• 它应该是友好的（节点）
• 它应该是 script-src 友好的（浏览器）
• 它应该支持UMD约定...

我尝试了以下方法：

测试类.js

index.js（创建包的文件）

尝试通过运行创建通用捆绑包：parcel index.js --global TestClass

有没有人可以给我更多关于使用 parceljs 导出模块的信息/帮助？

我必须导入这个库并在所有 ember 文件中使用全局变量“ZeroEx”。

我试图在ember-cli-build.js中添加这一行，但我没有这样的文件或目录

https://0xproject.com/docs/0x.js#installation

如何使用 rollupjs 以 UMD 格式组合导入a.js和b.js导出？bundle.js

这是示例：

我目前rollup.config.js是：

但是，这并没有按预期工作。

这个配置有什么问题吗？

谢谢你的帮助。

我正在尝试使用@soil/dom通过 webpack 调用的 npm 包，只需执行以下操作：

但是在运行时webpack，我收到这些警告和错误：

我的package.json文件如下所示：

我的webpack.config.js文件如下所示：

从@soil/dom侧面看，npm 包的目录结构如下所示：

package.json包含：

该index.js文件包含（它是针对 UMD 模块系统编译的）：

为什么此时 webpack 无法解析相对路径'./html/h'？这张照片中缺少什么？

我在 ES6 和导入方面有相当多的经验，但我通常不会以这种方式进行导入和导出。我试图了解我在这里忽略了什么。我在这里做了很多搜索，但到目前为止还没有答案。

从文件 A 中导出我的函数 export default myNamedExport;

在文件 B 中导出我导入的函数 export myNamedExport from './FileA'; export someOtherNamedExport from './someFile';

从文件 B 导入文件 C import { myNamedExport } from './FileB';

但是当我这样做时，我的导入看起来像这样：
myNamedExport: { myNamedExport, someOtherNamedExport }

我已经在各种导入和导出的至少 15 种不同配置中尝试了这一点，包括使用defaultand as，但结果总是相同的。

我想避免导入所有内容，然后将其重新导出到默认对象中，但是给出了什么？为什么我使用的每个配置都会导致我的函数位于对象中？感谢您的任何想法。