weflow是什么？weflow如何使用？WeFlow一個(gè)高效、強(qiáng)大、跨平臺(tái)的前端開發(fā)工作流工具，具體的說就是一個(gè) GUI 的前端工具，可以為用戶提供一套標(biāo)準(zhǔn)化、規(guī)范化的工作流程，從而讓大家在交接協(xié)作的時(shí)候更為高效有序。接下來小編就給大家簡(jiǎn)單介紹一下weflow怎么用，以及如何配置文件，需要的用戶歡迎借鑒！

軟件名稱：WeFlow(網(wǎng)頁(yè)前端開發(fā)工具) v1.3.3 免費(fèi)綠色版軟件大小：75.2MB更新時(shí)間：2018-01-31

weflow怎么用？

1.開發(fā)任務(wù) gulp build_dev

添加文件點(diǎn)擊開發(fā)，進(jìn)入開發(fā)模式

自動(dòng)創(chuàng)建與 src 目錄一致的 dev 目錄存放 ejs 和 less 編譯后的文件

自動(dòng)監(jiān)聽所有文件變動(dòng)

監(jiān)聽到文件變動(dòng)時(shí)自動(dòng)刷新瀏覽器, 可在工作流配置文件 .tmtworkflowrc 選擇開啟或關(guān)閉

2. 生產(chǎn)任務(wù) gulp build_dist

當(dāng)開發(fā)完成之后，點(diǎn)擊生產(chǎn)編譯，執(zhí)行 gulp build_dist 生成可供發(fā)布上線的最終文件。 自動(dòng)生成 dist 目錄，存放所有經(jīng)過編譯合并的文件

3. FTP 部署 gulp ftp

此任務(wù)依賴于 生產(chǎn)任務(wù)，執(zhí)行 gulp ftp時(shí)，會(huì)先執(zhí)行 gulp build_dist 生成 dist 目錄，然后將生成的 dist 目錄上傳至 .tmtworkflowrc 指定的 ftp 地址。

4. 打包 gulp zip

執(zhí)行 zip 任務(wù)時(shí)，會(huì)先執(zhí)行 gulp build_dist 生成 dist 目錄，再將其打包壓縮成 zip 包。

配置文件

在與項(xiàng)目同級(jí)的目錄下，有一個(gè)全局的 .tmtworkflowrc 配置文件，項(xiàng)目下也可以有一個(gè) .tmtworkflowrc，程序運(yùn)行時(shí)先尋找當(dāng)前目錄下是否有配置文件，如果沒有，則繼續(xù)往上一層目錄尋找，直到系統(tǒng)目錄

我們使用 rc 組件來管理配置文件。如果項(xiàng)目下不存在 .tmtworkflowrc 文件，將會(huì)根據(jù)以下優(yōu)化級(jí)進(jìn)行尋找配置。

系統(tǒng)環(huán)境變量以 tmtworkflow_ 開頭的變量，(例如： tmtworkflow_foo__bar__baz => foo.bar.baz)

項(xiàng)目目錄下的 .tmtworkflowrc 或依次向上遍歷查找 ./ ../ ../../ ../../../

$HOME/.tmtworkflowrc

$HOME/.tmtworkflowrc/config

$HOME/.config/tmtworkflowrc

$HOME/.config/tmtworkflowrc/config

/etc/tmtworkflowrc

/etc/tmtworkflowrc/config

工作流默認(rèn)配置

通過修改配置文件，可以實(shí)現(xiàn)自定義任務(wù)中的相關(guān)流程，例如：是否需要編譯一份 WEBP 資源，是否編譯 HTML 文件到 dist 目錄。

.tmtworkflowrc 配置示例

{

  //ftp 配置

  "ftp": {

    "host": "xx.xx.xx.xx",

    "port": "8021",

    "user": "tmt",