我的问题是:解决此问题的干净方法是什么?我是否必须通过Webpack在全球范围内公开React?
添加
babel-plugin-react-require到您的项目,然后修改webpack的Babel配置,使其具有类似于以下内容的设置:
loaders: [ { test: /.js$/, exclude: /node_modules/, loader: 'babel-loader', query: { stage: 0, optional: ['runtime'], plugins: [ 'react-require' // <-- THIS IS YOUR AMENDMENT ] }, }]现在,一旦您应用了配置更新,就可以初始化React组件而无需手动导入React。
React.render( <div>Yippee! No <pre>import React</pre>!</div>, document.body // <-- only for demonstration! Do not use document.body!);
请记住,虽然,
babel-plugin-react-require将你的代码,包括自动进口作出反应 只 在JSX标签的存在 特定的 文件,
对于 一个特定的文件。对于其他任何不使用JSX但出于任何原因都需要React的文件,您都必须手动导入React。



