工作流的使用

QMUI 中的各种工具方法已经预先集成为一个工作流,包括监控 Sass 文件并自动编译,样式优化(浏览器兼容自动处理等),雪碧图处理,模板 include 能力(可以传参和使用条件判断),图片压缩,文件清理等功能。

各个命令都是在 qmui_web 文件夹中调用对应的 Gulp 命令即可,部分命令依赖于 qmui.config.js 的配置。但实际使用时大部分操作都无需手工调用,QMUI 中已经根据工作流程设置好对应 Watch 机制(文件监控),包括上面提到的 Sass 编译,样式优化,雪碧图处理,模板 include 编译,浏览器自动刷新,图片压缩以及同步图片文件夹等大部分的功能。除了清理文件和合并变更文件两个任务,这两个任务的使用会在下面额外详述。

因此常规的使用流程只需要一句命令

  1. #开启默认任务,文件监控会自动完成绝大部分常规操作
  2. gulp

Gulp 任务效果图

如果有特殊情况,需要手工调用 Gulp 中 Watch 会自动调用的方法,请务必先关闭 Gulp 的监听,否则可能会产生冲突。