インポートモジュール

Question

私はこの反応/フラックスの例を見ていて、この男は、このような一つのファイルにディスパッチャインスタンスを作成します

// https://github.com/learncodeacademy/react-js-tutorials/blob/master/3-flux/src/js/dispatcher.js 
import { Dispatcher } from "flux"; 
export default new Dispatcher; 

そしてインポートすることで、複数の他のファイルにそれを使用してそれ。しかし、これは私を不快にさせる部分です。それは、まるで同じインスタンスのように、別々のファイルごとに使用します。

import dispatcher from "../dispatcher"; 
dispatcher.dispatch({type: "event"}); 

別のファイル：

import dispatcher from "../dispatcher"; 
dispatcher.register(...); 

を、彼は一つのファイルにすべての輸入を組み合わせることWebPACKのを使っているので、それは、彼のために働く理由は私には意味があります。しかし、私のファイルを別のものにしたいのであればどうしますか？これでも動作しますか、複数のファイルから同じディスパッチャにアクセスするには何か他の操作を行う必要がありますか？

Answer 1

Webpackモジュールシステムが依存性を解決すると、つまり、モジュールの「エクスポート」が評価されると、キャッシュされます。どのように多くのモジュールがそれらの依存関係を「インポート」しても。

export default new Dispatcher; 

...唯一のプログラムのライフサイクルを通じて一度だけ評価されます。コードのこの作品は、その意味

。

Webpackは、Node.js自体が行うことをまったく行いません。モジュールは一度だけ評価されます。