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

生词 音标 释义
directory [dɪˈrɛktəri] n. 目录
meticulously [mə'tɪkjələslɪ] adv. 精心地
manage [ˈmænɪdʒ] v. 管理
module [ˈmɑ:dʒul] n. 模块
compiler [kəmˈpaɪlɚ] n. 编译程序;编译器
resolve [rɪˈzɑ:lv] v. 分析
map out 规划
detailed [dɪˈteld] adj. 详细的
collection [kəˈlɛkʃən] n. 收集
runtime [rʌn'taɪm] 运行时间
load [loʊd] v. 载入
bundle [ˈbʌndl] v. 打包
ship [ʃɪp] v. 传输;运输
syntax [ˈsɪnˌtæks] n. 语法;句法
statement [ˈstetmənt] n. 声明;语句
point to 指向
identifier [aɪˈdentɪfaɪə(r)] n. 识别符;标识符
find out 发现
retrieve [rɪˈtriv] v. 取回
content [ˈkɑ:ntent] n. 内容
hash [hæʃ] n. 哈希值
indicate [ˈɪndɪˌket] v. 指示
invalidate [ɪnˈvælɪˌdet] v. 使无效
cache [kæʃ] n. 缓存
injection [ɪnˈdʒɛkʃən] n. 注入
build [bɪld] v. 构筑;编译
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,590评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,808评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,151评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,779评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,773评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,656评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,022评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,678评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,038评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,756评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,411评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,005评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,973评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,053评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,495评论 2 343

推荐阅读更多精彩内容

  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 6,636评论 0 16
  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi阅读 7,285评论 0 10
  • 认识一个学长,第一次见是在校园歌手大赛,他唱的是民谣。就是那种特别有味道的声音,深沉而有故事。 我应该也是从那时候...
    BEIFANG阅读 243评论 1 0
  • 一直不知道它叫什么名字,有说叫地环的,有说叫姜不辣的,不过不管有名没名,名为何,都不能影响我对它的敬意。刚认识它时...
    孙闻阅读 270评论 0 2