2016-05-17 8 views
1

私はこのような設定のWebPACKを使用する場合、ReactDOMが正確と反応し、DOMをWebPACKの外部に

externals: { 
     "react": "React", 
     "react-dom": "ReactDOM" 
    }, 

bundle.jsから除外されますが、最初に、私はこの

externals: { 
     "react": "React", 
     "reactDom": "ReactDOM" 
    }, 
のように書いた設定

とreactDomはbundle.jsに含める、および

のみ異なるiが除去された20Kラインコードにわたって添加 " - "

を。

iは、{「JQ」:「jqueryの」}私は、例えば、外部キーに任意の名前を使用することができると思った

が、結果はありません

ので、どのような問題では正確に教えてください?

答えて

1

'外部'オブジェクトのプロパティは、キーと値で構成されています。キーの名前は、jsファイルから参照されるモジュールを定義するために使用されている名前と同じでなければなりません。

など。あなたが参照する場合、以下のようなモジュールでDOMに反応:

var ReactDOM = require("react-dom"); 

「見た目」構成オブジェクトのプロパティの名前は「反応-DOM」をしなければなりません。それだけが作成されたパッケージから除外されます。

+0

はい、私は知っています。しかし、私はrequire( "react-dom")のようなコードを見つけませんでした –

+1

React自体がReact-DOMを参照しています。これは、カスタムバンドルにReact-DOMのコードが含まれている可能性があります。 –

関連する問題