壹 ❀ 引 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。 支持功能： 內容嵌入（主要針對圖片 ...