Day 11 Webpack Manifest

Day 11 Webpack Manifest

Stay Hungry. Stay Foolish——Stay Hungry Stay Foolish（Apple 创始人）

That src directory you meticulously laid out is now gone, so how does webpack manage the interaction between all of your modules? This is where the manifest data comes in.
在webpack的编译产出中，你精心安排的src目录不见了，那webpack是怎么管理模块间交互的呢？这就是manifest数据发挥作用的地方了。

As the compiler enters, resolves, and maps out your application, it keeps detailed notes on all your modules.
当webpack编译器进入、分析并开始规划你的应用时，它对程序中各个模块做了详细的记录。

This collection of data is called the "Manifest" and it's what the runtime will use to resolve and load modules once they've been bundled and shipped to the browser.
这些数据的集合就被称为“manifest”。当你的程序被打包并传输到浏览器时，运行时程序会使用“manifest”文件中的记录来解析和加载所需的模块。

No matter which module syntax you have chosen, those import or require statements have now become webpack require methods that point to module identifiers.
不论你使用的是哪种模块语法，比如import，或者require，编译后，这些语句都会变成webpack版本的require方法，并最终指向你的模块标识符。

Using the data in the manifest, the runtime will be able to find out where to retrieve the modules behind the identifiers.
通过使用manifest中的数据，浏览器运行时才能从模块标识符中得知应该从哪取回这个模块。

By using content hashes within your bundle file names, you can indicate to the browser when the contents of a file has changed thus invalidating the cache.
通过在打包文件的文件名中加入内容哈希值，你可以告诉浏览器文件内容什么时候被修改过。通过这种方式，可以让过期的缓存失效。

This is caused by the injection of the runtime and manifest which changes every build.
这是通过运行时注入，以及每次编译都会更新的manifest文件来实现的。

本文选自：
https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/WebGL_best_practices