Vue3目录结构--源码解读（二）

转载 作者：知者 更新时间：2024-03-12 08:18:51 25 4

├── .circleci // CI 配置目录
├── .ls-lint.yml // 文件命名规范
├── .prettierrc // 代码格式化 prettier 的配置文件
├── CHANGELOG.md  // 更新日志
├── LICENSE    // MIT协议是所有开源许可中最宽松的一个，除了必须包含许可声明外，再无任何限制。
├── README.md    项目说明
├── api-extractor.json // TypeScript 的API提取和分析工具
├── jest.config.js  //  测试框架 jest 的配置文件
├── node_modules
├── package-lock.json
├── package.json  // 项目依赖
├── packages // Vue源代码目录
├── rollup.config.js  // 模块打包器 rollup 的配置文件
├── scripts  //Vue3 的脚本文件，用来存放配置文件，进行编译和打包
├── test-dts // TypeScript 声明文件
├── tsconfig.json // TypeScript 配置文件
└── yarn.lock  // 此会锁定安装的每个依赖的版本，可以确保不会意外获得不良依赖；并且会避免由于开发人员意外更改或则更新版本，而导致糟糕的情况！

├── compiler-core // 顾名思义，核心中的核心，抽象语法树和渲染桥接实现,与平台无关的编译器核心。包括编译器的可扩展基础和所有与平台无关的插件。
├── compiler-dom // Dom的实现
├── compiler-sfc // Vue单文件组件(.vue)的实现
├── compiler-ssr // 生成针对服务器端渲染优化的渲染函数的编译器。
├── global.d.ts  // 声明文件
├── reactivity  // 响应式系统的实现,Composition API 的核心
├── runtime-core // 与平台无关的运行时核心。专门用于自定义 renderer
├── runtime-dom // 针对浏览器的运行时。包括原生 DOM API、属性、属性、事件处理程序等的处理,主要功能是适配了浏览器环境下节点和节点属性的增删改查。
├── runtime-test // 用对象来表示 DOM 树，方便测试
├── server-renderer // 服务端渲染实现
├── shared  // package 之间共享的工具库,内部实用函数和常量共享
├── size-check // 私有包，用于检查 tree-shaking 后的运行时大小
├── template-explorer // 用于调试编译器输出的开发工具
└── vue  //面向公众的“完整构建”，包括运行时和编译器。主入口

+---------------------+
                                    |                     |
                                    |  @vue/compiler-sfc  |
                                    |                     |
                                    +-----+--------+------+
                                          |        |
                                          v        v
                      +---------------------+    +----------------------+
                      |                     |    |                      |
        +------------>|  @vue/compiler-dom  +--->|  @vue/compiler-core  |
        |             |                     |    |                      |
   +----+----+        +---------------------+    +----------------------+
   |         |
   |   vue   |
   |         |
   +----+----+        +---------------------+    +----------------------+    +-------------------+
        |             |                     |    |                      |    |                   |
        +------------>|  @vue/runtime-dom   +--->|  @vue/runtime-core   +--->|  @vue/reactivity  |
                      |                     |    |                      |    |                   |
                      +---------------------+    +----------------------+    +-------------------+

"dev": "node scripts/dev.js"

"dev": "node scripts/dev.js --sourcemap --environment TARGET:web-full-dev"

25 4 0

• c - 结构 |结构/union 的不完整类型错误

  我目前正在尝试基于哈希表构建字典。逻辑是:有一个名为 HashTable 的结构，其中包含以下内容: HashFunc HashFunc; PrintFunc PrintEntry; CompareF

• c++ - 如何删除指向(结构/对象)的指针而不破坏(结构/对象)内部的指针？

  如果我有一个指向结构/对象的指针，并且该结构/对象包含另外两个指向其他对象的指针，并且我想删除“包含这两个指针的对象而不破坏它所持有的指针”——我该怎么做这样做吗？ 指向对象 A 的指针(包含指向对象

• go - 如何访问该“结构” slice 的新“类型”中的“结构”字段？

  像这样的代码 package main import "fmt" type Hello struct { ID int Raw string } type World []*Hell

• mysql - 将 CSV 移动到 MySQL 关系数据库的第一步。 CSV 结构!= MySQL 结构

  我有一个采用以下格式的 CSV: Module, Topic, Sub-topic 它需要能够导入到具有以下格式的 MySQL 数据库中: CREATE TABLE `modules` ( `id

• c++ - 将 POD 结构/结构 vector 复制到 vector 的最优雅方式

  通常我使用类似的东西 copy((uint8_t*)&POD, (uint8_t*)(&POD + 1 ), back_inserter(rawData)); copy((uint8_t*)&PODV

• apache-spark - Spark : Union can only be performed on tables with the compatible column types. 结构<名称，ID> != 结构

  错误 : 联合只能在具有兼容列类型的表上执行。 结构(层:字符串，skyward_number:字符串，skyward_points:字符串)<> 结构(skyward_number:字符串，层:字符

• 条件跳转或移动取决于未初始化的值、结构

  我有一个指向结构的指针数组，我正在尝试使用它们进行 while 循环。我对如何准确初始化它并不完全有信心，但我一直这样做: Entry *newEntry = malloc(sizeof(Entry)

• C "if"结构

  我正在学习 C，我的问题可能很愚蠢，但我很困惑。在这样的函数中: int afunction(somevariables) { if (someconditions)

• 创建列表的列表(结构)

  我现在正在做一项编程作业，我并没有真正完全掌握链接，因为我们还没有涉及它。但是我觉得我需要它来做我想做的事情，因为数组还不够 我创建了一个结构，如下 struct node { float coef;

• C符号常量+结构

  给定以下代码片段: #include #include #define MAX_SIZE 15 typedef struct{ int touchdowns; int intercepti

• Checknullarray 结构

  struct contact list[3]; int checknullarray() { for(int x=0;x<10;x++) { if(strlen(con

• javascript "for (;;);"结构

  这个问题在这里已经有了答案: 关闭 11 年前。 Possible Duplicate: Empty “for” loop in Facebook ajax what does AJAX call

• C# 结构 "this = ...."

  我刚刚在反射器中浏览了一个文件，并在结构构造函数中看到了这个: this = new Binder.SyntaxNodeOrToken(); 我以前从未见过该术语。有人能解释一下这个赋值在 C# 中的

• 用于命名字符串常量的 Python 结构

  我经常使用字符串常量，例如: DICT_KEY1 = 'DICT_KEY1' DICT_KEY2 = 'DICT_KEY2' ... 很多时候我不介意实际的文字是什么，只要它们是独一无二的并且对人类读

• 用指针初始化 C 结构

  我是 C 的新手，我不明白为什么下面的代码不起作用: typedef struct{ uint8_t a; uint8_t* b; } test_struct; test_struct

• 可以像内置类型一样直接分配常量值的 .NET 结构

  您能否制作一个行为类似于内置类之一的结构，您可以在其中直接分配值而无需调用属性？ 前任: RoundedDouble count; count = 5; 而不是使用 RoundedDouble cou

• 编译 C 结构

  这是我的代码: #include typedef struct { const char *description; float value; int age; } swag

• r - 重叠嵌套列表并保留命名/结构

  在创建嵌套列表时，我认为 R 具有对列表元素有用的命名结构。我有一个列表列表，并希望应用包含在任何列表中的每个向量的函数。 lapply这样做但随后剥离了列表的命名结构。我该怎么办 lapply嵌套列

• 个人管理器的 XML 结构

  我正在做一个用于学习目的的个人组织者，我从来没有使用过 XML，所以我不确定我的解决方案是否是最好的。这是我附带的 XML 文件的基本结构:

• couchdb - PouchDB 结构

  我是新来的 nosql概念，所以当我开始学习时 PouchDB ，我找到了这个转换表。我的困惑是，如何PouchDB如果可以说我有多个表，是否意味着我需要创建多个数据库？因为根据我在 pouchdb