如何使整个应用程序上的反应可用，而无需在每个 jsx 文件中一次又一次地导入它[重复]

Posted 2023-02-22

【中文标题】如何使整个应用程序上的反应可用，而无需在每个 jsx 文件中一次又一次地导入它[重复]

【英文标题】：How to make react available on whole app without importing it again and again in every jsx file [duplicate]

【发布时间】：2017-03-18 01:46:49

【问题描述】：

如何使用 webpack 在每个 jsx 文件中一次又一次地导入 react 而不用在整个应用程序中使用它

【问题讨论】：

看看this。

【参考方案1】：

使用ProvidePlugin。文档：https://webpack.github.io/docs/shimming-modules.html

但是我们这里有代码，添加到plugins:

new webpack.ProvidePlugin(
  React: "react",
)

这本质上是一个require('react')，并将结果变成一个名为React的全局变量，所有模块都可以访问它。

在此答案中查看更多选项：Webpack ProvidePlugin vs externals?

【讨论】：

第一个链接被破坏（由于 webpack1 文档被删除）