有哪些选项可以将外部 javascript sdk 捆绑到 React 组件中？
我尝试在index.html中包含javascript并通过window.xyz引用它。它运行良好，但我无法进行生产构建，因为 javascript 不是以这种方式打包的。
有没有办法简单地将 javascript 文件导入到 React 组件定义中？
PS：这里是React新手！
如果您希望将脚本捆绑在构建中，您有 2 个选择：
1. 如果外部文件是module https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export，我会按如下方式处理它:
- 下载外部 JS 文件并将其保存在项目中的某个位置。例如，将其保存到
/utils folder.
- 只需引用它并在组件中使用它：
import { test } from '/utils/external'
2.如果不是模块:
- 与上面相同 - 将文件保存到您的项目中。
- 不同之处在于您必须配置模块捆绑器才能导出全局变量。这个过程称为Shimming and 这是使用 Webpack 的方法 https://webpack.js.org/guides/shimming/#global-exports.
- 与步骤 2 相同 -
import { test } from '/utils/external'
* 在这两种情况下，我假设它是一个独立的外部文件，而不是作为包（npm / Bower / 等）托管在某处。如果它是一个包，您应该使用包管理器，而不是手动下载它。
如果你想异步加载它（但不捆绑）：
跟着@Paras 回答 https://stackoverflow.com/a/52863340/4312466，他建议使用脚本异步延迟加载库。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
