開始
現(xiàn)在 Web 前端開發(fā)已經(jīng)是離不開 webpack / gulp / ... 等等工作流的配置?？赡軙錾线@樣的情況，有時(shí)候有家急忙需要修改代碼，但家里的電腦環(huán)境跟公司完全是兩回事，又要重新裝 Node 環(huán)境，又要重新安裝各種 node_modules，裝的時(shí)候很慢，可能又要翻墻 等等，才能勉強(qiáng)跑起來。
理想中的 Web 前端工作流應(yīng)該需要脫離 各種繁雜的環(huán)境依賴，并共享一份 node_modules。然后找啊找啊，找到了 WeFlow，但是很久沒有維護(hù)，功能上也不是很滿足需求，最后還是造了一個(gè)出來。
Github 地址是 https://github.com/legoflow/legoflow
LegoFlow
定位是做 一個(gè)簡單、快捷、高效、開箱即用的 前端工作流客戶端，無需各種配置系統(tǒng)環(huán)境。
- 開發(fā)者無需再配置各種版本混亂的 NodeJS 環(huán)境。
- 開發(fā)者無需再下載各個(gè)繁瑣復(fù)雜的 node modules。
- 開發(fā)者無需再修改各樣重復(fù)麻煩的工作流任務(wù)。
已實(shí)現(xiàn)的功能主要有
- 應(yīng)用版本熱更新，無需重復(fù)下載功能版本
- 基于 Webpack 的 JS 模塊編譯，支持各類 模塊規(guī)范
- ES6 / ES7 ( Stage0 ) 編譯
- Vue.js 開發(fā)環(huán)境
- Sass 預(yù)編譯樣式文件
- CSS Autoprefixer 自動(dòng)補(bǔ)全
- 移動(dòng)端 REM 方案，支持樣式內(nèi)嵌 Base64 圖片
- 多張雪碧圖合并
- 自動(dòng)實(shí)現(xiàn) WebP 解決方案
- 生成圖片信息，智能圖片壓縮
- EJS 模板生成靜態(tài) HTML
- HTML 資源打包
- 內(nèi)聯(lián)樣式腳本，替換線上靜態(tài)資源地址
- JS 模塊編譯 Sass 文件 Autoprefixer 自動(dòng)補(bǔ)全
- JS 模塊編譯 art-template 語法 tpl 文件
- JS 模塊 UMD 規(guī)范模塊導(dǎo)出，適用于組件開發(fā)
- JS 模塊 flow-runtime / TypeScript 靜態(tài)類型檢查
- 支持構(gòu)建 JS 模塊庫
- 支持自定義腳手架，合適每個(gè)團(tuán)隊(duì)配置自己的初始化文件
- 更多 ...
相關(guān)資源
下載
Github release 下載地址
百度云 下載地址
最后
可能不能全部滿足各種各樣的需求或者功能，但收到你的反饋建議后會做得更好更完善，超級歡迎大家給到反饋建議的哈~
下篇有機(jī)會將撰寫一下構(gòu)建類似這樣工具的技術(shù)棧 以及 遇到的天坑。
