前言#
我们刚分析完了如何处理css
坏蛋Dan:vue/compiler-sfc源码分析学习--part4:如何处理style--final章节整理
本来是轮到customBlocks了,但是我一看,compiler是不会去处理它的,如果有loader匹配到了它,会交由loader去处理,如果都没匹配到就直接忽略。当然这个customBlock如果是一个function那就不会忽略,request时会被执行。
正文#
parse,compiler-sfc入口,将你的sfc文件切割成四部分template、script、style、customBlock
坏蛋Dan:vue/compiler-sfc源码分析学习--part1: parse入口分析
compileScript, 处理script,这块需要你有babel知识的基础。
坏蛋Dan:vue/compiler-sfc源码分析学习--part2:如何处理script--final章节整理
compileTemplate,处理template,这块核心在@vue/compiler-dom这个包里
坏蛋Dan:vue/compiler-sfc源码分析学习--part3:如何处理template--final章节整理
compileStyle,处理style,主要调用的是postcss
坏蛋Dan:vue/compiler-sfc源码分析学习--part4:如何处理style--final章节整理
总结#
没有什么弯弯绕绕的代码技巧,都是感情~
