JavaScript ES6読み込みファイルのメカニズム

Question

私はWebPackとExpressサーバーを使用するJavaScript and Reactアプリケーションを開発中です。私は実際にファイルの読み込みメカニズムについて質問しています。

私はまだ答えを見つけることができませんでした。だから私はここに行く。

などのファイルをapp.jsというファイルに保存しているとします。フロントエンドのJSONファイルからコンテンツをインポートしています。ここ

そして、私の質問です、そのコンテンツwhateverはメモリに私はそのapp.jsファイルを実行するすべての時間をロードされますか？または、最初にロードされただけで、次の実行webpack、または責任が何であれ、再度ロードせずにそのファイルの内容を検索するでしょうか？

私は、app.jsが実行されるたびに、例のJSONのようなファイルが毎回読み込まれることを心配しています。

おかげで、私が十分に

Answer 1

WebPACKのは（実際には、バンドラの内側に、それはあなたがそれをインポートする回数のにもかかわらず、1時間をロードします）ロードされたモジュールをキャッシュするのに十分なスマートです明らかだった願っています。この例では

ルック：

file1.js

import json from './data.json' 
export default json 

file2.js

import json from './data.json' 
export default json 

main.js

import json1 from './file1.js' 
import json2 from './file2.js' 

console.log(json1 === json2); //true (same reference)