我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

fis-config.js其实是整个fis3工程的灵魂所在,没有配置fis-config.js的项目,release之后,仅仅就是个相对路径变成绝对路径。所以fis3的官方例子效果并不明显。本文中,苏南大叔来配置一下fis-config.js文件,实现第一个功能:集合分散的资源文件到一个目录asset下面。

苏南大叔:fis3配置文件,如何整理转移资源部署路径? - fis3整理配置文件资源路径
fis3配置文件,如何整理转移资源部署路径?(图3-1)

大家好,这里是苏南大叔的“程序如此灵动”博客,这里记录苏南大叔和计算机代码的故事。本文说明fis3配置文件,如何处理资源路径问题。

配置fis-config.js

打开默认的demo中的fis-config.js,修改一下代码如下:

fis.match('*.{png,jpeg,jpg,gif,bmp,ico}', {
  release: '/asset/img/$0'
});

fis.match('*.js', {
  release: '/asset/js/$0'
});

fis.match('*.css', {
  release: '/asset/css/$0'
});

苏南大叔:fis3配置文件,如何整理转移资源部署路径? - fis-config1
fis3配置文件,如何整理转移资源部署路径?(图3-2)

上述代码,有个需要注意的地方。匹配多种类型文件和匹配单一类型文件的写法是不一样的。如果匹配单一文件也写成{}的话,是不生效的。比如:*.{png},不识别。*.png,识别。个人认为这个应该是fis3的一个隐藏小bug,官方人员看到的话,可以验证一下下。

效果展示

修改好fis-config.js文件后,苏南大叔再次执行release命令。

fis3 release -d ../dist

这里需要注意的是: 再次release之前,请删除掉上一次的dist发布。否则,两次操作的结果会被叠加。

三种常见的资源文件确实到了相关的文件夹。不过.... 并没有按照苏南大叔的想法走。估计,这个fis-confg.js的写法可能还是有欠缺。相关的资源文件,确实按照苏南大叔的想法进了相关asset文件夹。但是,却依然保留着原来的目录关系。
比如:/img2/1.png,期待值:/asset/img/1.png,结果:/asset/img/img2/1.png

苏南大叔:fis3配置文件,如何整理转移资源部署路径? - fis3-config1-效果
fis3配置文件,如何整理转移资源部署路径?(图3-3)

小结论

使用fis-config.js配置之后,相关的资源文件,确实得到了整理。不过,整理的效果,还是和苏南大叔的想法,有些区别。那么,更多的fis-config.js配置是什么呢?请参见苏南大叔的后续fis3相关经验文章。

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   百度    fis3