介紹
fle-cli旨在幫助我們從複雜繁瑣的編譯配置中解放出來，全身心地投入業務開發中，提高開發效率。
它是真正意義上的全域性腳手架，區別於市面上其他的全域性腳手架，它不會在專案工程中生成各種編譯配置檔案，也不會給你安裝一系列編譯的依賴包，這意味著你的專案工程可以非常乾淨純粹。
它同時相容Mac和Windows系統，保持著良好的擴充套件性，滿足你的個性化需求，最重要的是一次安裝，可以支撐所有前端專案的構建編譯。
fle 取自 Front Line End 的第一個字母，我的理解為連線前端的橋樑，簡化前端專案的基礎建設工作。
在使用過程有任何建議和疑問，歡迎郵件我：ancheng1992@126.com
安裝
$ npm install -g fle-cli
# yarn
$ yarn global add fle-cli
複製程式碼注意：首次安裝時間可能會比較長，因為我們需要全量安裝編譯所需的依賴包。當然我們也考慮到這點，進行了一些優化，更新時會以打補丁的形式進行，速度非常快。
快速上手
# 檢視命令
$ fle
# 生成專案
$ fle init <project-name>
# 本地開發
$ fle dev
# 生產編譯
$ fle build
# 框架&js庫分離
$ fle dll
# js庫編譯，匯出es6
$ fle lib
# 上傳檔案
$ fle upload <file|glob>
複製程式碼說明：上傳服務需要配置金鑰等資訊，這裡是我們在用的配置，但不對外開放，當然你也可以自己申請：文件。
功能特性
- 支援多頁面構建，支援自定義頁面資訊
- 本地開發除錯，增加了人性化的頁面導航、移動端除錯（VConsole）
- 預編譯框架和第三方js庫，減少構建時間、避免單個檔案過大、利於公共檔案快取
- 生產編譯環節支援自動上傳靜態資源，生成線上可訪問的html檔案
- 編譯js庫匯出ES6程式碼，支援tree shaking，最大化減少冗餘程式碼
- css modules解決class命名巢狀和衝突的問題
- 整合移動端的rem適配方案，rpx自動轉rem單位
- standard elsint規範團隊編碼，支援自定義擴充套件配置
- 在不影響圖片質量的情況下，自動優化圖片大小，利於傳輸
fle-cli功能一覽
更詳細的說明和配置文件：github.com/ansenhuang/…
結束語
我個人的感覺就是一個字：爽，彷彿回到了刀耕火種的年代，上手就是擼程式碼，沒有編譯配置、Babel、Eslint、CSS預處理，還有其他雜七雜八的東西，統統不用管。
但與那個年代不同的是，我們可以使用最新的特性，享受自動化構建的便捷服務。