陣營的WebPack未定義控制檯

Question

反應我有一個的WebPack構建問題，我編寫自定義的WebPack配置： https://github.com/Simproduction/react-client-webpack 但是當我運行開發或建設項目的一切工作正確的，但我不能調用從控制檯或使用反應做出反應的工具的開發人員 我得到錯誤 Uncaught ReferenceError: React is not defined(…) 你能幫我嗎？

我的測試項目， https://github.com/Simproduction/react-CM

Answer 1

您需要公開作出反應，因此可使用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代替它是常用的解決方案。