FIE插件,是符合一定规则的 npm 模块,插件主要是用来扩展命令行,可以通过插件来增加 FIE 命令行的命令。插件专注于某个比较单一的功能,解决工作中零散、重复的任务。
插件是对套件的一个补充,套件解决的是前端工作的主要生命周期,而套件无法覆盖到的地方,将由插件来补充。
比如:在套件的源码打包与构建阶段(fie build
),套件的主要任务是将src目录的源码进行压缩、编译到build目录。而在这个过程中,可以同时使用一些辅助插件:
- fie eslint 插件,可以在build的过程中做代码规范检测
- fie console 插件,可以检测源码中是否包含有console信息
- fie check 插件,可以检测dependencies中的依赖是否有新版本
这些细小的功能点,本身具有业务通用性,不需要每个套件去实现一遍,将这些插件穿插在套件的生命周期中一起使用,相互配合,最终提高开发效率,改善开发体验。
可以使用fie install plugin-[pluginName]
命令进行插件的安装。当然,fie本身也会自动判断本地是否存在该插件,若不存在也会自动进行安装。
# 安装console检测插件
$ fie install plugin-console
插件的使用基本格式是: fie [pluginName] [command]
其中:
pluginName
为插件的名字,如fie-plugin-console
插件,pluginName
则是console
command
为插件的具体命令,每个插件的命令可能不一样,需要看插件文档。
# 使用console插件的detect命令
$ fie console detect
# 使用console插件的strip命令
$ fie console strip
fie的插件可以在fie.config.js
配置文件中使用。
如下面的例子,在fie build
命令中进行使用,执行fie build
后,会先执行fie console detect
命令的功能,再执行套件本身的build
任务。
//fie.config.js
module.exports = {
tasks : {
//省略其他配置...
build : [
{
// console检测
command : 'fie console detect'
}
]
}
};