FIS3工作原理

本文介绍了fis3的构建过程,包括文件扫描、单文件编译及打包处理。详细阐述了从文件对象实例化、代码校验到标准化处理的全过程,并解释了打包阶段的四个扩展点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

fis3基于文件对象进行构建,每个进入fis3的文件都会实例化成一个File对象。

其构建流程大概分为三个阶段:
1.扫描项目目录拿到文件并初始化出一个文件对象的列表                       扫描
2.对文件对象中每一个文件进行单文件编译                                           编译
3.获取用户设置的package插件,进行打包处理(包括合并图片)           打包 

打包阶段
打包阶段设置了四个扩展点,通过用户配置启用某些插件
  • prepackager 打包前处理插件扩展点
  • packager 打包插件扩展点,通过此插件收集文件依赖信息、合并信息产出静态资源映射表
  • spriter 图片合并扩展点,如 csssprites
  • postpackager 打包后处理插件扩展点


单文件编译
代码校验lint-----》预处理parser-----》标准化前处理preprocessor-----》标准化standard------》标准化后处理postprocessor

lint 代码校验检查,主要检测代码是否有误;
parser  预处理阶段  主要是对异构语言等进行编译,如less,sass编译为标准的css;前端模板被编译为js等;
preprocessor  标准化前处理阶段
standard 标准化插件  处理内置语法
postprocessor  标准化后处理插件

File对象
当一个文件被实例化为一个 File 对象后,包括一些文件基本属性,如 filename、realpath 等等,当这个文件被处理时,FIS3 还会把用户自定义的属性 merge 到文件对象上
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值