JavaScript ES6加载文件机制

Question

我正在使用使用WebPack和Express服务器的JavaScript和React应用程序。我实际上有一个关于加载文件机制的问题。

我还没有找到答案。所以我走了。

让我们说我有一个app.js文件可以执行类似import whatever from someJSONfile的操作，我可以从前端的JSON文件中导入一些内容。

这就是我的问题，内容whatever会被加载到内存执行app.js文件的每个时间？或者它只是第一次加载而后续执行webpack，或任何负责人，将搜索该文件的内容而不再加载它？

我只关心每次执行app.js时，内部文件（例如示例的JSON）每次都会再次加载。

谢谢，我希望我很清楚

Answer 1

Webpack非常智能，可以缓存已加载的模块（事实上，在捆绑器内部，它将加载一次，无论您导入多少次。）

看看这个例子：

<强> 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)