FIS2配置总结

内置的默认配置

  • 由于fis系统是完全插件化的,因此fis.config对象会有一些内置配置用以为用户提供零配置下的基本功能,所以配置文件使用fis.config.merge或者fis.config.set接口来追加用户配置。而初始化的内部数据是
    <pre>
    fis.config.init({
    project : {
    charset : 'utf8',
    md5Length : 7
    }
    });
    </code>

项目配置project

  • charset指定项目编译后产出文件的编码。
    <pre>
    fis.config.merge({
    project : { charset : 'gbk' }
    });
    </code>
  • md5Length文件MD5戳长度.
    <pre>
    project : { md5Length : 8 }
    </code>
  • md5Connector设置md5与文件的连字符.
    <pre>
    fis.config.merge({ project : { md5Connector : '.' }});
    </code>
  • include 设置项目源码文件include过滤器。只有命中include的文件才被视为源码,其他文件则忽略。
    <pre>
    fis.config.merge({ project : { include : 'src/**' }});
    </code>
  • exclude设置项目源码文件exclude过滤器。如果同时设置了 project.include和 project.exclude
    则表示在include所命中的文件中排除掉某些文件。
    <pre>
    fis.config.merge({ project : { exclude : /^/_build//i }});
    </code>
  • fileType.text追加文本文件后缀列表
  • fileType.image追加图片类二进制文件后缀列表。
  • watch.exclude设置项目源码监听时不监听的文件列表。
  • watch.usePolling设置项目源码监听的方式, usePolling
    为 true
    时会使用轮询的方式检查文件是否被修改,比较消耗CPU,但是适用场景更广。设置为 false
    后会使用系统API进行文件修改检查,对性能消耗较小,但是可能由于系统版本不同,会存在兼容性问题。

插件配置modules

  • parser配置编译器插件,可以根据 文件后缀 将某种语言编译成标准的js、css、html语言。由于parser的主要职责是统一标准语言,因此它经常会和 roadmap.ext 配置配合使用,用于标记某个后缀的文件在parser阶段之后当做某种标准语言进行处理。
Paste_Image.png
  • preprocessor配置 标准化预处理器插件,可以根据 文件后缀 对文件进行预处理。
    比如 fis-preprocessor-image-set插件,用于实现对retina屏的css的image-set属性支持。
  • postprocessor在fis对js、css和类html文件进行语言能力扩展之后调用的插件配置,可以根据 文件后缀 对文件进行后处理。这个阶段我们可以对文件进行一些相关处理,比如amd包装等。fis内置的 fis-postprocessor- jswrapper 插件就是在这个阶段对js进行包装的。
  • optimizer单文件编译过程中的最后阶段,对文件进行优化。
    通常是压缩、xss修复等工作,fis内置了3个压缩插件: fis-optimizer-uglify-jsfis-optimizer-clean-cssfis-optimizer-png-compressor
Paste_Image.png
  • prepackager在fis打包操作前调用的插件, **不管调用fis release命令时是否使用 --pack 参数,该插件均会被调用。
  • packager打包处理插件
    默认值:'map', fis内置了打包插件 fis-packager-map
    ,生成 map.json 文件
    调用fis release命令时,添加 --pack 参数,该插件才会被调用。
Paste_Image.png
  • postpackager打包后处理插件。
    在fis打包操作后调用的插件, 不管调用fis release命令时是否使用 --pack 参数,该插件均会被调用
    <pre>
    fis.config.set('modules.postpackager', 'simple');
    </code>

插件运行配置settings

插件要工作,偶尔也需要配置数据

内置插件运行配置
  • postprocessor.jswrapper
    type:包装方式。可选值目前只有 'amd'
    template:使用模板来定义包装结构
    wrapAll: 是否包装所有js文件。默认是false,只对标记为 isMod 的文件进行包装
  • optimizer.png-compressorpng图片压缩器运行配置。
    pngquant会将所有 png24的图片压缩为 png8,压缩率极高,但alpha通道信息会有损失。
  • optimizer.uglify-js
    uglify-js压缩器配置。

![Upload Paste_Image.png failed. Please try again.]

  • spriter.csssprites
    csssprite处理运行配置,以css文件为单位,对其引用的png、gif、jpg、jpeg等图片进行csssprite合并处理

![Upload Paste_Image.png failed. Please try again.]


目录规范与域名配置

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,580评论 18 139
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 46,724评论 6 342
  • 前端集成解决方案要求: 模块化开发。最好能像写nodejs一样写js,很舒服。css最好也能来个模块化管理! 性能...
    Www刘阅读 2,996评论 1 20
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,133评论 7 35
  • 人生一世草木 一秋 芸芸众生 你我只不过是 沧海一粟 红尘滚滚 经历了多少悲欢离合 我们曾经为爱 哭过笑过 虽伤着...
    墨雅仙儿阅读 284评论 3 0