如何让react在整个应用中可用，而不需要在每个jsx文件中一次又一次地导入它

Question

如何让react在整个应用中可用，而不用在每个jsx文件中一次又一次地使用webpack

Answer 1

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

我们这里有代码，把这个加到plugins:

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

这实际上执行了一个require('react')，并使结果成为一个称为React的全局变量，该变量可用于所有模块。

在这个答案中看到更多选项:Webpack ProvidePlugin vs externals?