初级使用 一个复杂一点的例子 安装一些插件 预处理 简单合并 构建调试预览 初级使用 一个复杂一点的例子 为了尝试更多 FIS3 提供的特性，我们设计一个比较复杂的例子。这个例子包含 两个页面 三个 css 文件，其中俩页面各一个 css 文件，剩下一个 css 文件共用 包含一个 less 文件，并被俩页面同时使用 两个 png ...

编译过程运行原理 单文件编译过程 打包过程 编译过程运行原理 fis的编译过程可以分为两个阶段： 单文件编译 和 打包 。处理流程如下图 单文件编译过程 该过程对每个文件采用管道式处理流程，并在最开始处建立缓存，以提升编译性能，可以点击查看源码 。每个文件的处理过程又可细分为： parser (编译器)：将其他语言编译为标准j...

代码校验 对 JS 进行校验 对 CSS 进行校验 代码校验 一致的代码格式规范利于代码维护性 的提高，也是工程构建工具需要注重考虑的功能。 FIS3 通过不同校验插件 来实现对不同语言的校验。 对 JS 进行校验 fis . match ( '*.js' , { // 需要执行 npm install -g fis-l...

roadmap详解 目录规范 指定文件 产出目录 资源引用路径 资源ID 默认依赖 编译属性 注意事项 多次配置 优先级 引用配置 后缀映射 域名配置 最后 roadmap详解 相信大家在使用FIS的过程中，roadmap的配置一直都难点之一，本文将帮助已经对FIS基本使用有一定了解，但是对roadmap配置有疑问的同学更...

工作原理 构建流程 单文件编译流程 File对象 工作原理 FIS3 是基于文件对象进行构建的，每个进入 FIS3 的文件都会实例化成一个 File 对象，整个构建过程都对这个对象进行操作完成构建任务。以下通过伪码来阐述 FIS3 的构建流程。 构建流程 fis . release = function ( opt ) { ...

命令 release install init server inspect 命令 通过以下命令查看 FIS3 提供了哪些命令。 ~ fis3 - h [ INFO ] Currently running fis3 (/ usr / local / lib / node_modules / fis3 /) ...

从零开始 目录 开始一个小项目 静态资源压缩 修改静态资源发布路径 修改发布路径 添加 CDN 小结 文件合并 辅助开发 从零开始 从零开启一个 FIS3 项目，并学习 FIS3 如何使用。 目录 开始一个小项目 静态资源压缩 修改静态资源发布路径 开始一个小项目 创建项目目录 $ mkdir my - ...

声明依赖 在html中声明依赖 在js中声明依赖 在css中声明依赖 声明依赖 声明依赖能力为工程师提供了声明依赖关系的编译接口。 FIS3 在执行编译的过程中，会扫描这些编译标记，从而建立一张 静态资源关系表，资源关系表详细记录了项目内的静态资源id、发布后的线上路径、资源类型以及 依赖关系 和 资源打包 等信息。使用 FIS3 作为编...

三种语言能力 资源定位 内容嵌入 依赖声明 三种语言能力 fis项目曾经历了很久的 “努力做好编译工具” 的时代，那段时间里，fis走了很多弯路，那时我们认为前端领域需要很复杂的编译工具才能很好的处理各种开发需求。2013年初，fis的编译工具非常庞大复杂，日益暴露出来的问题已经开始不再收敛了，这促使fis小组重新审视fis的编译系统： 满足...

中级使用 预处理插件编写 任务 前期准备 开发插件 打包插件编写 发布插件 中级使用 在初级使用 中，为了解析 less 和 进行简单的资源合并，我们安装了两个已经提供好的插件，使用插件完成了我们的工作。假设某些情况下，还没有相关插件，该怎么办？ 那么这节讨论一下 FIS 中插件如何编写。在工作原理 中，已经介绍了整个构建的过程，以...