了解FIS3

FIS3 是什么?

最近接触到了fis3的相关使用,所以也了解了fis3相关的一些基础知识。
FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载(异步、同步、按需、预加载、依赖管理、合并、内嵌)、模块化开发、自动化工具、开发规范、代码部署等问题。

一、安装fis3(要安装node)

执行cmd命令:
npm install -g fis3

安装完成后,测试是否安装成功,输入命令:
fis3 -v
如果安装成功,会如下图显示:
在这里插入图片描述
release 命令相关参数信息可以用fis3 release -h查看。

二、了解配置文件

配置文件是js文件,非常灵活,可以充分利用js的属性灵活配置。配置文档详见:配置

项目全局配置信息,通过fis.set和fis.get设置和获取项目配置信息。可以设置一些配置,如系统内置属性 project, namespace, modules, settings等。
各种可配置的属性见:配置属性
下面列举几个:

// 作为文本文件而不是二进制文件处理的后缀(附加)
fis.set('project.fileType.text', 'po,vue');

// 设置项目源码文件过滤器,下面设置只将src和src-static目录下的文件当作源码处理。
fis.set('project.files', ['src/**', 'src-static/**']);

// 排除一些文件
fis.set('project.ignore', fis.get('project.ignore').concat([
  'server/**',
  'deploy/**',
  'node_modules/**',
  'public/**',
  'DS_store'
]));

三、编译、打包流程

FIS3将编译打包流程拆分成一个个独立的步骤,主要分为单文件编译和打包两个过程,每个过程又有明确的步骤,每个步骤各司其职,分别用不同的插件处理,任务清晰明确。
流程图如下所示:
流程图
见上图,单文件编译过程之后,FIS3会将所有的文件信息、配置信息、相互的依赖、发布路径等信息汇总,生成一个资源map(json)。
打包过程能读取所有的文件信息已经相互依赖关系,根据这个json在各类插件中自定义打包流程。插件编写见:插件

在这个流程中的配置中,最重要的命令是 fis.match 和 fis.plugin。
fis.match 用于匹配文件,fis.plugin用于配置插件。一个文件可以被匹配多次,添加各种插件,配置十分灵活。

官方文档参考

http://fis.baidu.com/fis3/docs/beginning/intro.html
https://www.cnblogs.com/demodashi/p/8491165.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值