序言： 最近在收集前端的優化工具，隨便一搜，厲害了word哥，有grunt、gulp、FIS3、webpack等等，簡直就是眼花繚亂！前輩們對於他們的評價各有千秋，於是乎就想每個都來用一遍（之前已經倒騰了grunt，gulp），今天倒騰fis3,看看哪個更好玩~ FIS3 是什么？能做 ...

fis3和gulp都在用，fis3因為做了好多封裝，配置起來很簡單，只需要引入插件指向對應文件即可，更適合一些小demo；gulp配置相對麻煩一點，但是功能強大，更適合做架構，支持大的項目。本文是在已安裝node、npm的情況下進一步安裝fis3。 支持功能： 內容嵌入（主要針對圖片 ...

概述 FIS3采取了類似CSS語法一樣的配置風格，易於理解與上手。FIS3 是面向前端的工程構建工具。解決前端工程中性能優化、資源加載（異步、同步、按需、預加載、依賴管理、合並、內嵌）、模塊化開發、自動化工具、開發規范、代碼部署等問題。 詳細 ...

Fis3項目 項目目錄結構: 項目要求: 1.雪碧圖 2.代碼模塊化 3.預處理 4.md5戳 5.壓縮資源 雪碧圖 啟用雪碧圖插件,fis3已內置 設置雪碧圖的合並格式 預處理 因為使用的是less，所以需要預處理less文件 ...

說到打包工具，大家都會想到webpack，我之前也接觸過webpack，說實話個人覺得webpack上手容易，但是對於新手來說里面有太多坑，配置文件也不簡單。於是乎，我轉入了fis3陣營，發現fis3對於新手來說再合適不過了，fis3只用記住幾條命令就可以解決日常需求。下面開始講解 ...

工具 - Fis3 • 相比較於grunt/glup/webpack ? • 插件完善，配置簡單清晰 目錄結 ...

設置規則的配置接口： 1.添加md5戳：對 js、css、png 圖片引用 URL 添加 md5 戳： 2.js壓縮：使用fis-optimizer-uglify-js 插件，已內置 3.CSS壓縮：使用 ...

　　今天我們來聊聊Redux，這篇文章是一個進階的文章，建議大家先對redux的基礎有一定的了解，在這里給大家推薦一下阮一峰老師的文章： http://www.ruanyifeng.com/bl ...