问题标签 [umd]

在一个简单的 webpack 2 项目中，我正在尝试使用这个 UMD 模块：https ://github.com/Offirmo/simple-querystring-parser/blob/master/index.js

没有转译错误。

但是，这最终会在浏览器中出现此错误：

Uncaught TypeError: Cannot set property 'SimpleQuerystringParser' of undefined

似乎 webpack 包装提供了一个 UMD 片段无法识别的环境。

• 我在 webpack 文档中找不到任何提示
• 在 google 上搜索“使用 webpack 消费 UMD”并没有得到有趣的结果
• StackOverflow 也没有帮助。

那么如何在 webpack 中使用我的 UMD 库呢？

注意：是的，目标 UMD 库是我的，但它使用来自官方 UMD 网站的合法 UMD 片段。欢迎任何建议。

加载从主模块 (angular4) 导入 highcharts (“Highcharts JS v5.0.14”) 的 UMD 模块时出错。请在附件中找到有问题的示例应用程序代码。申请详情，

1. 创建了“amat-apf-analytics”UMD 模块（“amat-apf-analytics.umd.js”）以在不同的应用程序中使用。“/test/src”文件夹模块将通过使用 gulp（“test/gulpfile.js” - gulp 配置文件）转换为单个“amat-apf-analytics.umd.js”包。这个“amat-apf-analytics.umd.js”被导入了highcharts。Highcharts 作为外部模块包含在“gulpfile.js”中，因为它在 amat-apf-analytics UMD 包的外部。
2. Highcharts 在“system.config.js”中配置。它将在加载 amat-apf-analytics 模块之前加载。
3. 主应用程序位于 /test/APF 文件夹中，它将从“/test/APF node_modules/”加载 highcharts 和 amat-apf-analytics。
4. 加载时出现以下错误，

使用 ES6样板生成器，我构建了一个 moduleA，它通过 Babel 导出 CommonJS（通过 Babel）、UMD（通过 Rollup、未缩小和缩小版本）和 ES2015。换句话说，我的模块package.json有

现在我正在构建一个使用类似设置的模块B。从 moduleB 引用 moduleA 的最佳方法是什么？require("moduleA")vs之间有什么区别import { X } from "moduleA"。基本上我不明白如何从另一个模块使用不同的导出选项（主/浏览器/模块）。谢谢！

和webpack.config.js

当我尝试在浏览器中打开 ( index.html) ...

未捕获的 ReferenceError：进程未在 Object 中定义。(db.js:8) 在 Object.defineProperty.value (main.js:12716) 在 Object.crypto (main.js:12727) 在webpack_require (bootstrap 2becb557cb7088856bca:19) 在 Object.defineProperty.value (main.js: 18506）在对象。(main.js:18519) 在webpack_require (bootstrap 2becb557cb7088856bca:19) 在 Object.defineProperty.value (_replacer.js:8) 在 Object. (_replacer.js:8) 在webpack_require (bootstrap 2becb557cb7088856bca:19)

在db.js我有..

我想将我的旧 AngularJS 应用程序从 JavaScript 迁移到 TypeScript。为了加载我使用 require.js 的要求。umd而且因为我想与我使用的非require.js 脚本兼容module。

例如我有这个文件。

customModule.ts

main.ts

这将被转换为此 JavaScript。

customModule.js

main.ts

如您所见，main.js有一个define(["require", "exports", "angular"], factory);. 但我期待define(["require", "exports", "angular", "customModule"], factory);。

如果我用它替换return this.customModule;它main.ts会return customModule;正确导出它，但我认为我不需要构造函数。- 正如您在图片上看到的更改，我删除了构造函数，因为它不需要。

如果这个问题得到解决，我可以将我的模块与 TypeScript 一起使用，就像我将它们与 JavaScript <3 一起使用一样

Webpack 生成以下 UMD 定义：

我的问题是这个标准或环境是做什么用的？

它类似于 CommonJS，但没有module.