Question

我有webpack构建问题我编写自定义webpack配置： https://github.com/Simproduction/react-client-webpack 但是当我运行dev或构建项目时，一切正常但我不能从控制台调用React或使用react开发工具我收到错误 Uncaught ReferenceError: React is not defined(…) 你可以帮帮我吗？

我的测试项目， https://github.com/Simproduction/react-CM

Answer 1

您需要公开React，以便使用expose-loader：

在窗口中显示它

module: {
  loaders: [
    { test: require.resolve("react"), loader: "expose?React" },
  ]
}

Answer 2

它包含webpack中的AMD和CommonJS。你知道js loader，对吧？如果您使用AMD，您知道所有js代码都在“define([],function(){ var a=10; ...})区域内。如果你想在控制台中打印a。你应该喜欢这个

define([],function(){ 
 var a=10; 
 window.a = a;
})

因此，您可以修改main.js。添加此行window.React = React;，但我们可能使用CDN而不是它是常见的解决方案。

React webpack undefined在控制台中做出反应

2 个答案: