vue3 源码结构

70 阅读1分钟

compiler-core

  • 与平台无关的编译器核心代码实现
  • 包含编译器 基础编译流程
  • 解析模版 生成 ast
  • ast 节点的转换
  • 根据 ast 生成代码
  • 与平台无关的转换插件

compiler-dom

  • 在浏览器端编译时 使用 compiler-dom 提供的编译器
  • 专门针对浏览器的转换插件

compiler-ssr

  • 在服务端编译时 所使用的 渲染转换插件

compiler-sfc

  • 处理 .vue 单文件组件 解析 vue 文件
  • template style script 解析都是这里实现的

runtime-core

  • 虚拟 DOM 渲染器
  • 组件实现
  • 全局的 js api

runtime-dom

  • 对原生 dom api 属性 样式 事件等的管理

runtime-test

  • 测试 runtime-core 用于内部测试

reactivity

  • 响应式系统
  • runtime-core 包的依赖
  • 可以独立使用

template-explorer

  • 调试模版编译输出的工具
  • 在源码目录中 yarn dev-compiler

sfc-playground

  • 调试 sfc 的工具

shared

  • 多个包共享的实用工具库

size-check

  • 检测 tree-shaking 后的代码体积

server-renderer

  • 服务端渲染的核心实现

vue

  • 面向用户的完整构建

vue-compat

  • 构建版本 可配置兼容 vue2 版本