---------2015.9.14------------
js、css其他合併方式:
1、nignx可以用combo拼接多個css、js等,結構:
---------2015.9.10------------
最近嘗試了下基於fis的前端工程化實現。(等下再吐槽fis3)
先列出要實現的功能:
1、資源定位,自動匹配portal到cdn伺服器的路徑;
2、資源合併,合併多個css、js檔案並壓縮;
3、資源加md5戳或時間戳;
3、png壓縮;
4、預處理less、sass;
5、模組化
6、es6轉es5,依賴外掛程式
fis的配置不複雜,統一格式
],//壓縮png檔案
optimizer: fis.plugin('png-compressor')
})全域性變數
//cdn網域名稱
fis.set('cdn-domain', '');
//時間戳設定
fis.set('new date', date.now());
然後就可以fis3 release -d ../output 檢查成果了
接下來說一下為什麼要吐槽fis3.都是因為文件!文件!文件!
文件相當粗糙,很多功能一筆帶過。
比如說你想壓縮html,在上面是找不到任何參考的,要到npm裡面搜
proxy npm search fis-optimizer | grep 'html'
然後出來一些結果,挑乙個出來使用就ok了
前端工程化
為什麼出現了前端工程化?09年之前,我們學習的css,div,js只是對頁面設計進行乙個打輔助的功能,當時只能勉強的成為頁面設計師,為什麼會出現前端工程師 1.突然間前端的需求逐漸增多,使用者對介面的要求越來越高,前端範疇越來越大。2.前後端總是保持一致才能進行開發,不能分開開發,提出前端工程化,也...
前端工程化
一 什麼是前端工程化 根據業務特點,將前端開發流程規範化 標準化 包括開發流程 技術選型,規範,構建發布等用於提公升前端工程師開發效率和 質量,提高產品的質量。實現前端工程化的目的 就是通過流程規範 自動化工具來提公升前端的開發效率 效能 質量 多人協作能力以及開發體驗。前端工程化體系分為 元件化 ...
前端工程化
老大考慮到團隊成員學習的曲線,最終選擇thunk 為了更方便團隊人員使用,封裝直接的thunk,和cobinereducer 1 專案分為四大塊,服務治理,資源治理,診斷除錯,分析管理 幾十個元件,不可能將所有的狀態解除安裝乙個reducer裡面來管理 不利於維護 然後因為封裝了元件thunk所以要...