插件系统概述

插件系统的高级概述

Parcel 架构

即使您没有做任何复杂的事情，如果您经常使用 Parcel，花些时间了解它的工作原理是很有意义的。

资源：在最简单的情况下，资源对应于一个源文件（例如磁盘上的 TypeScript 文件）。然而，转换器不仅可以修改（转换）资源，还可以为单个输入资源返回多个资源。
依赖：依赖模型表示一个资源请求另一个资源（例如 JavaScript 中的 import "foo"; 声明，或 HTML 中的 <link rel="stylesheet">）。它们由转换器显式添加（有时称为出站依赖）。此外，Parcel 还跟踪这些依赖指向的资源，并将此信息公开为资源的入站依赖（从而列出某些资源的导入者）。
打包：打包是将资源分组并写入浏览器可加载的单个文件的过程。异步打包是为延迟依赖（例如 import() 调用）创建的打包，共享打包包含多个其他打包使用的资源，并为提高加载性能而分离。

在高层次上，Parcel 经历了几个阶段：

解析和转换阶段并行工作，以构建所有资源的图。

资源在打包阶段被分组到打包中。每个打包的输出文件名在命名阶段确定。

然后，打包、优化和压缩阶段并行工作，以生成每个打包的最终内容。

打包阶段将每个打包中的资源合并到输出文件中。

优化阶段转换每个打包的内容。完成后，Parcel 确定每个打包的内容哈希，这些哈希将应用于最终输出文件名。

最后，压缩阶段在将文件写入文件系统时为每个输出文件生成一个或多个编码。

在解析和转换阶段，Parcel 发现应用或程序中的所有资源。每个资源都可以对其他资源有自己的依赖，Parcel 将提取这些依赖。

表示所有这些资源及其相互依赖关系的数据结构称为"资源图"。

一旦 Parcel 构建了整个资源图，它就将其转换为打包图，打包图包含资源图，并额外描述应将哪些资源分组到打包中（以及这些打包之间的关系）。

某些资源被视为应用的"入口"点，并将保持为单独的打包。例如，如果您的 index.html 文件链接到 about.html 文件，它们不会合并在一起。