插件系统概述

插件系统的概述

Parcel 架构

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

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

从高层次上讲，Parcel 经历了几个阶段

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

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

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

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

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

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

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

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

Parcel 建立了完整的资产图后，会将其转换为包图，其中包含资产图，并另外描述哪些资产应该分组到包中（以及这些包之间的关系）。

某些资产被认为是应用程序的“入口”点，并将保持为单独的包。例如，如果你的 index.html 文件链接到 about.html 文件，它们不会合并在一起。