如何在我的 Browserify 应用程序中使用 React 的预定义 UMD 实例？

编程问答 2022-05-07

问题描述

我有两个项目，它们具有单独的构建脚本，但最终通过 gulp 连接并缩小到生产中的同一个包文件中。

  1. Project1：非模块化，使用 ES5 风格的命名空间和全局变量（window.$ 等）
  2. Project2：React 应用。 browserify 用于启用模块化（requireJS）代码

最近，Project1 中引入了 React，并且 React 和 ReactDOM 的 UMD 版本已添加到 window 对象中。

我想在 browserify 应用程序中使用全局版本，而不是两次包含 React 和 ReactDOM。

This answer 似乎很接近，但我想保留单个捆绑文件。

Exposify 似乎完全符合我的要求，但我不知道随后如何防止 React/ReactDOM 被包含在捆绑包中。我曾尝试使用 bundler.exclude、bundler.external 和 bundler.ignore，但它们要么没有删除我想要的代码，要么删除了并且模块化代码看不到 React。

有什么想法吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

browserifybrowserifybrowserifygulpgulpreactjsreactjsreactjsreactjs