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

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

配置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

上述代码,有个需要注意的地方。匹配多种类型文件和匹配单一类型文件的写法是不一样的。如果匹配单一文件也写成{}的话,是不生效的。比如:*.{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-效果

小结论

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

本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。