FIS3学习(二)实战
时间:2021-07-13
本文章向大家介绍FIS3学习(二)实战,主要包括FIS3学习(二)实战使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
解读
fis.match(selector,props)
-
selector
:FIS3 把匹配文件路径的路径作为selector,匹配到的文件会分配给它设置的props
。关于 selector 语法,请参看 Glob 说明 -
props
:编译规则属性,包括文件属性和插件属性,更多属性
deploy
-
解释:设置项目发布方式
-
值类型:
Array
|fis.plugin
|function
-
默认值:
fis.plugin('local-deliver')
-
说明:编译打包后,新增发布阶段,这个阶段主要决定了资源的发布方式,而这些方式都是以插件的方式提供的。比如你想一键部署到远端或者是把文件打包到 Tar/Zip 又或者是直接进行 Git 提交,都可以通过设置此属性,调用相应的插件就能搞定了。
-
用法:
假设项目开发完后,想部署到其他机器上,我们选择 http 提交数据的方式部署
fis.match('**', { deploy: fis.plugin('http-push', { receiver: 'http://target-host/receiver.php', // 接收端 to: '/home/work/www' // 将部署到服务器的这个目录下 }) })
fis.media()
fis.media()
接口提供多种状态功能,比如有些配置是仅供开发环境下使用,有些则是仅供生产环境使用的。
fis.match('*', { useHash: false }); fis.media('prod').match('*.js', { optimizer: fis.plugin('uglify-js') }); fis3 release <media>
<media>
配置的 media 值
命令行执行:fis3 release prod
编译时使用 prod 指定的编译配置,即对 js 进行压缩。
如上,fis.media() 可以使配置文件变为多份(多个状态,一个状态一份配置)。
fis.media('rd').match('*', { deploy: fis.plugin('http-push', { receiver: 'http://remote-rd-host/receiver.php' }) }); fis.media('qa').match('*', { deploy: fis.plugin('http-push', { receiver: 'http://remote-qa-host/receiver.php' }) });
fis3 release rd
push 到 RD 的远端机器上fis3 release qa
push 到 QA 的远端机器上
media
dev
已经被占用,默认情况下不加<media>
参数时默认为dev
原文地址:https://www.cnblogs.com/kunmomo/p/15007869.html
- byte与string之间的相互转换
- Linux基础(day 34)
- c++ 文件分块
- 深入学习Apache Spark和TensorFlow
- 10.16/10.17/10.18 iptables nat表应用
- C++实现int与string之间的相互转换
- 10.15 iptables filter表案例
- 利用crypto++库,实现计算string的md5值
- daemon函数结合脚本实现start, stop, restart
- linux C语言实现文件锁
- linux基础(day 33)
- C 语言字符串分割函数
- 10.14 iptables语法
- 为安全出把力:CVE-2011-1938漏洞分析以及exp编写
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 对图标的坐标轴进行调整
- Vue 开发技巧总结
- 35.opengl PBR-光照
- 聊聊claudb的list command
- nginx add_header 仅部分或一次生效的原因与解决办法
- 聊聊claudb的keys command
- 聊聊claudb的server command
- 聊聊claudb的Database
- 聊聊claudb的SlaveReplication
- flutter doctor 卡死
- Angular如何自定义attribute指令
- 聊聊claudb的MasterReplication
- k8s 之yaml文件基本格式
- 你可能不知道的pandas的5个基本技巧
- Node 脚本遭遇异常时如何安全退出