序言： 最近在收集前端的优化工具，随便一搜，厉害了word哥，有grunt、gulp、FIS3、webpack等等，简直就是眼花缭乱！前辈们对于他们的评价各有千秋，于是乎就想每个都来用一遍（之前已经倒腾了grunt，gulp），今天倒腾fis3,看看哪个更好玩~ FIS3 是什么？能做 ...

设置规则的配置接口： 1.添加md5戳：对 js、css、png 图片引用 URL 添加 md5 戳： 2.js压缩：使用fis-optimizer-uglify-js 插件，已内置 3.CSS压缩：使用 ...

fis3和gulp都在用，fis3因为做了好多封装，配置起来很简单，只需要引入插件指向对应文件即可，更适合一些小demo；gulp配置相对麻烦一点，但是功能强大，更适合做架构，支持大的项目。本文是在已安装node、npm的情况下进一步安装fis3。 支持功能： 内容嵌入（主要针对图片 ...

概述 FIS3采取了类似CSS语法一样的配置风格，易于理解与上手。FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载（异步、同步、按需、预加载、依赖管理、合并、内嵌）、模块化开发、自动化工具、开发规范、代码部署等问题。 详细 ...

注意：在安装fis3前必须安装node和npm，详情请见官网http://nodejs.org node版本要求 0.8.x，0.10.x, 0.12.x，4.x，6.x，不在此列表中的版本不予支持。最新版本 node 支持会第一时间跟进，支持后更新支持列表。Windows 用户安装完成后需要 ...

　　首先说明一下，即使不熟悉fis3，阅读文本应该也会有所收获。 　　本文以fis-parser-imweb-tplv2插件为模板插件，目的不在于使用哪个模板，而是组件可视化的实现思路，不必担心。 先说说模板插件 　　首先说明一下，我们的项目使用的fis3自带的mod.js做模块化 ...

说到打包工具，大家都会想到webpack，我之前也接触过webpack，说实话个人觉得webpack上手容易，但是对于新手来说里面有太多坑，配置文件也不简单。于是乎，我转入了fis3阵营，发现fis3对于新手来说再合适不过了，fis3只用记住几条命令就可以解决日常需求。下面开始讲解 ...

壹 ❀ 引 fis3是百度推出的一款前端工程构建工具，类似的还有webpack，gulp等工具；无论大家有没有使用过，从事前端行业应该都略知一二了，所以对于此类工具用干嘛的我这里就不做重复了。 其实对于这类构建工具，大部分人是不感兴趣，或者说有些畏惧的，配置多贼麻烦，无法像js一样调试 ...