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

更新（2014.07.05）：本文已经收录至fis官网：http://fis.baidu.com/docs/dev/more.html。 前言： 本文对fis进行概要性的介绍，由于篇幅原因，不会涉及太多使用、设计上的细节。想要了解更多，可参考官方文档。本文内容梗概： 什么是fis ...

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

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

一、fis3是什么，能干什么？ FIS3 是面向前端的工程构建工具，可以解决前端中的性能优化，其实也就和gulp差不多，只不过gulp是轻量级的，需要什么操作，下载相对应的插件，而fis3已经集成好了很多功能。 二、准备工作 1、首先要安装node和npm 2、安装fis3 --> ...

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

先讲一下fis项目的目录结构 >config --fis依赖表 >page --页面模板 >static --静态文件 >test –-mock数据 >widget --项目公共组件 > ...

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