编译原理入门

这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，学习 javascript AST 进阶高级程序开发

rollup 打包主要流程示意 rollup 主要分为三个过程，input（输入）、build（构建）、generate（输出）。 graph.build 过程示意 handleGenerateWri

在学习 rollup CLI 之前我们需要了解 npm 中的 prefix，symlink，Executables 这三个概念。

rollup Hooks 分为两类：Build Hooks 和 Output Generation Hooks...

chunk.renderModules 内部主要逻辑有：生成 MagicStringBundle，添加 source,设置renderedModules[module.id] 等等

chunk.render 总结。1.设置入口chunk 的 dependencies 2.执行 this.renderModules 生成 magicStringBundle

这是我参与「掘金日新计划 · 12 月更文挑战」的第14天，点击查看活动详情 bundle.generate Bundle 类定义在 src/Bundle.ts: bundle.generate 方法

这是我参与「掘金日新计划 · 12 月更文挑战」的第13天，点击查看活动详情 handleGenerateWrite 方法定义 执行完 "build" 之后就是 "generate" 阶段了。

这是我参与「掘金日新计划 · 12 月更文挑战」的第12天，点击查看活动详情 输入选项对象(inputOptions object) inputOptions 对象可以包含下列属性

循环执行 module.include() 的过程，会将所有具有 "hasEffects" 的节点都打上 included： true 的标记。这样做是为了方便后续对字符串进行“删”、“改” 的操作。

这是我参与「掘金日新计划 · 12 月更文挑战」的第10天，点击查看活动详情 本章节我们继续module.include()分析

这是我参与「掘金日新计划 · 12 月更文挑战」的第9天，点击查看活动详情 node.hasEffects 通俗的理解 node.hasEffects 其实就是指节点是否影响最终的 bundle。

这是我参与「掘金日新计划 · 12 月更文挑战」的第8天，[点击查看活动详情](https://juejin.cn/post/7167294154827890702 "https://juejin.c

这是我参与「掘金日新计划 · 12 月更文挑战」的第7天，点击查看活动详情 sortModules sortModules 主要做了两件事情：一个是排序模块,另一个就是绑定 node.variable

这是我参与「掘金日新计划 · 12 月更文挑战」的第6天，点击查看活动详情 generateModuleGraph generateModuleGraph 方法的主要职责就是构建模块的“依赖图谱”。

这是我参与「掘金日新计划 · 12 月更文挑战」的第5天，点击查看活动详情 graph graph 直接翻译过来就是“图”，但是放在 rollup 中我更愿意把它称作为 rollup 的“依赖图谱”。

rollup 执行打包的逻辑非常清楚，开发者把不同功能的逻辑进行拆分到一些单独的函数或者 class 中，从而让主线逻辑非常清晰。这种方式其实就是“解耦”的思想。

rollup技术揭秘系列二 源码目录结构及打包入口分析（可能是全网最系统性的rollup源码分析文章）

rollup技术揭秘系列一准备篇（可能是全网最系统性的rollup源码分析文章） 第一章 rollup打包格式介绍和源码构建