fis3配置文件，如何整理转移资源部署路径？

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

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

大家好，这里是苏南大叔的“苏南大叔写代码”博客，这里记录苏南大叔和计算机代码的故事。本文说明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'
});

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

小结论

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

• https://newsn.net/tag/fis3/

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