2018-08-14

• webpack 打包原理 https://zhuanlan.zhihu.com/p/141447713
  1.读取config配置,实例化compiler对象,执行插件数组(插件实例化),webpack事件流挂上自定义hook
  2.根据entry找到入口文件,递归遍历所有的文件,执行run方法
  3.compilation阶段：创建Compilation对象回调compilation相关钩子,依次进入每一个文件,根据文件类型,使用rule规则定义好的loader进行编译,模块和依赖分析
  4.emit阶段: 文件编译和转化已经完成,在compilation.assets拿到所有资源

5. afterEmit阶段: 文件写入磁盘完成
   5.根据配置的路径生成结果文件

image.png

插件:
开发插件的时候,new一个插件实例调用apply(compile)传入compile对象,插件实例就可以通过compiler.plugin监听到webapck广播出来的事件,并且可以通过compile对象去操作webpack

tree-shaking

• react生命周期
• react diff核心算法
• react shouldupdate
• 双向绑定 vue angular react
• weex rax react native

智力

21颗珠子 AB两个人拿 1～3颗 拿到最后一个的赢 a怎么拿才能赢