reactjs - 仅在 UMD 包中执行注入逻辑

Question

我为我的库使用 react nwb 工具包，我也使用 UMD 包。

因此，对于 UMD 包大小优化，我通过“脚本”标签注入其中一个组件，并且仅在使用 UMD 包时才需要这种注入，因为在普通库中，此库来自依赖项。

我怎么能做到这一点？可能有一些“过程”变量，它会“说”它是一个 UMD 构建。

Answer 1

由于 nwb 允许我们使用 webpack 配置。我认为一个好方法是通过类似于 webpack.config

我会添加到 nwb.config.js

webpack: {
    extra: {
        externals: {
            // Use external version of Jodit
            jodit: 'Jodit',
        }
    }
 }

Answer 2

解决方案：

umd.js（umd 包处理程序）

window.isUmdBundle = true;

index.js（模块包处理程序）

window.isUmdBundle = false;

组件.js

if(window.isUmdBundle) {
   // ...code
}