reactjs - 如何使 React 在整个应用程序上可用,而无需在每个 jsx 文件中一次又一次地导入它

标签 reactjs webpack jsx

如何使 React 在整个应用程序上可用,而无需使用 webpack 在每个 jsx 文件中一次又一次导入它

最佳答案

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

但是我们这里有代码,请将其添加到插件中:

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

这实际上执行了一个 require('react') 并使结果成为一个名为 React 的全局变量,所有模块都可以访问该变量。

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

关于reactjs - 如何使 React 在整个应用程序上可用,而无需在每个 jsx 文件中一次又一次地导入它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40419059/

相关文章:

reactjs - 不能在 jsx 顶层包含代码执行?

javascript - 检查 componentWillReceiveProps 中更改了哪些 Prop

javascript - Babel 7 和 webpack 4 不适用于数组中的条件传播操作[短路语法]

javascript - 未捕获的类型错误 : Cannot read property 'locals' of undefined

javascript - Webpack raw-loader 在需要 markdown 文件时出错

html - document.getElementById ("componentID").clientHeight 总是在 componentDidMount() 函数中给出零

javascript - 有什么办法可以缩短这段代码吗?

reactjs - NextJS getStaticProps 没有被调用

javascript - Recharts 2.0.8 <ResponsiveContainer> </ResponsiveContainer> 在 IE11 中不起作用

javascript - 访问 React 组件中的状态值