https://ustbhuangyi.github.io/vue-analysis/v2/compile/entrance.html#%E6%80%BB%E7%BB%93
编译的入口:
在/entry-runtime-with-compiler.js,通过compileToFuntions方法,把template模板作为参数穿进去,然后通过解构赋值的方法取到render函数;
那么compileToFuntions这个函数是从哪里获取的?
执行createCompiler方法,createCompile就是src/compiler的公共编译模块,
createCompiler函数是通过执行createCompileCreator函数得到的;
到这里我们就找到了createCompiler函数,执行这个函数就会返回一个对象,对象里有compile方法和compileToFunctions属性。
要注意的是,我们传递的baseOptions不同,compile函数由于会引用baseOptions,所以得到的compile函数也是不同的。
又因为createCompileToFuntions会把compile作为参数即回调函数,所以不同的baseOptions会有不同的createCompileToFunctionFn方法;
createCompileToFunctionFn函数内部会调用compile函数,compile函数内部会调用baseCompile函数,
baseCompile函数是真正的编译,主要有是三步,
1.将模板编译为ast树
2.optimize,将ast树优化
3.generate,将ast树转化为render函数;