hmr简要流程
时隔好久, 终于进入了hmr的简要流程分析.
调试webpack一定避免不了tapable.
有时走进一段不认识的代码, step into烦了, 就选择step over, 然后就直接跑完了.
所以最好简单看下tapable才能更好调试webpack.
关于treeshaking我之前只知道个概念, 把mode设为production就开启了treeshaking.
还知道一些”esm”, “sideEffect”. 但具体的其实很模糊.
(这其实归功于文档一般般, 中文文档更有问题)
这次就来更深入一步. (这篇post需要一些前置知识, 有概念不清楚的需要去webpack系列看一下.)
说是webpack compile, 准确的说是compiler执行run方法的过程, 这里包含make, seal, emit三个阶段.
这里会比上篇多深入一步, 介绍下最简单的情况下, 一个module经过各个阶段时的状态.
这些状态中夹杂着非常多的二开点(hooks), 了解module的状态, 就能知道在什么阶段可以对他大概进行什么处理了.
但对细节和具体数据结构点到为止, webpack细节实在是太多了, 慢慢再展开.