weflow绿色版 v1.3.3下载(附如何使用方法)[百度网盘资源]

weflow是一个 GUI 的前端工具,知识兔可以为用户分享一套标准化、规范化的工作流程,知识兔从而让大家在交接协作的时候更为高效有序。软件的应用场景是覆盖到外界普通公司的前端开发团队的,由于在 GitHub 开源发布,各个团队可以根据自身公司业务特点自主的进行功能定制,对流程进行定制化的拼接,知识兔从而使用超低门槛的 GUI 界面执行前端开发任务,便可得到一个项目输出压缩包。
weflow

使用教程

1.开发任务 gulp build_dev
添加文件知识兔点击开发,进入开发模式
weflow绿色版 v1.3.3下载(附如何使用方法)[百度网盘资源]
自动创建与 src 目录一致的 dev 目录存放 ejs 和 less 编译后的文件
自动监听所有文件变动
监听到文件变动时自动刷新浏览器, 可在工作流配置文件 .tmtworkflowrc 选择开启或关闭
weflow绿色版 v1.3.3下载(附如何使用方法)[百度网盘资源]
2. 生产任务 gulp build_dist
当开发完成之后,知识兔点击生产编译,执行 gulp build_dist 生成可供发布上线的最终文件。自动生成 dist 目录,存放所有经过编译合并的文件
weflow绿色版 v1.3.3下载(附如何使用方法)[百度网盘资源]
3. FTP 部署 gulp ftp
此任务依赖于 生产任务,执行 gulp ftp时,会先执行 gulp build_dist 生成 dist 目录,然后知识兔将生成的 dist 目录上传至 .tmtworkflowrc 指定的 ftp 地址。
4. 打包 gulp zip
执行 zip 任务时,会先执行 gulp build_dist 生成 dist 目录,再将其打包压缩成 zip 包。

配置文件

在与项目同级的目录下,有一个全局的 .tmtworkflowrc 配置文件,项目下也可以有一个 .tmtworkflowrc,程序运行时先寻找当前目录下是否有配置文件,如果知识兔没有,则继续往上一层目录寻找,直到系统目录
知识兔使用 rc 组件来管理配置文件。如果知识兔项目下不存在 .tmtworkflowrc 文件,将会根据以下优化级进行寻找配置。
系统环境变量以 tmtworkflow_ 开头的变量,(例如: tmtworkflow_foo__bar__baz => foo.bar.baz)
项目目录下的 .tmtworkflowrc 或依次向上遍历查找 ./ ../ ../../ ../../../
$HOME/.tmtworkflowrc
$HOME/.tmtworkflowrc/config
$HOME/.config/tmtworkflowrc
$HOME/.config/tmtworkflowrc/config
/etc/tmtworkflowrc
/etc/tmtworkflowrc/config
工作流默认配置
通过修改配置文件,知识兔可以实现自定义任务中的相关流程,例如:是否需要编译一份 WEBP 资源,是否编译 HTML 文件到 dist 目录。
.tmtworkflowrc 配置示例
{
  //ftp 配置
  “ftp”: {
    “host”: “xx.xx.xx.xx”,
    “port”: “8021”,
    “user”: “tmt”,
    “pass”: “password”,
    “remotePath”: “remotePath”, //默认上传到根目录下,配置此属性可指定具体子目录
    “includeHtml”: true  //ftp 上传是否包含 html
  },
  //自动刷新
  “livereload”: {
     “available”: true,  //开启自动刷新
     “port”: 8080,
     “startPath”: “html/TmTIndex.html”  //启动时自动打开的路径
   },
   //插件功能
   //路径相对于 tasks/plugins 目录
  “plugins”: {
    “build_devAfter”: [“TmTIndex”],  //dev 任务执行后自动执行
    “build_distAfter”: [],          //build 任务执行后自动执行
    “ftpAfter”: [“ftp”]        //ftp 任务执行后自动执行
  },
  “lazyDir”: [“../slice”], //gulp-lazyImageCSS 寻找目录(https://github.com/weixin/gulp-lazyimagecss)
  “supportWebp”: false,  //编译使用 webp
  “supportREM”: false,   //REM转换
  “reversion”: false     //新文件名功能
}

功能特性

使用Less 作为主要开发语言,目前 Sass 也已经支持。
workflow 集成了 自动补全 功能,代码里只需按标准来写即可。注意 只有在gulp build_dist才有自动补全,开发版本按照最新最炫的来
自动生成图片 CSS 属性
CSS cssnano 压缩
CSS Sprite 雪碧图合成
Retina @2x & @3x 自动生成适配
Imagemin 图片压缩
JS 合并压缩
EJS 模版语言
监听文件变动,自动刷新浏览器
支持直接生成 zip 包,只需执行 gulp zip 即可,会先调用 gulp build_dist 生成 dist 目录,再将 dist 目录打包压缩,最后删除>

下载仅供下载体验和测试学习,不得商用和正当使用。

下载体验

请输入密码查看下载!

如何免费获取密码?

点击下载

评论