基于 gulp 的使用 zepto、handlebars、sass 并且带移动端适配方案(flexible.js)的前端工作流,旨在帮助移动端项目的开发。
在移动端项目的开发中,我们会遇到诸如移动端技术选型、移动端适配、预处理器语言的使用规范和编译、各种繁琐的工作(压缩、合并、内联、雪碧图、CSS前缀……)等问题,在一遍又一遍的重复劳动中,我们需要一个能够结合最佳实践的项目初始文件,本套工作流就是以这个目的进行构建,旨在提高移动端项目开发效率。
- zepto.js + deferred.js + callbacks.js + touch.js(库)
- flexible.js(移动端rem适配方案)
- handlebars(模板引擎)
- gulp(自动化构建工具)
- sass(预处理器语言)
- Sass 编译
- CSS JS 图片压缩
- CSS JS 合并
- CSS JS 内联
- HTML 的 include 功能
- Autoprefixer
- 自动刷新
- 去缓存
- 提供Handlebars模板文件的预编译
- 提供常用功能函数
- 雪碧图
- ESLint
- rem 移动端适配方案
- 内置样式与 WeUI 样式相同的 loading、dialog 组件
共 13 篇,讲解了本套脚手架的各个方面。
git clone git@github.com:mqyqingfeng/lnv-mobile-base.git
cd lnv-mobile-base
1.开发时使用:
gulp
当你开启 gulp 命令后,不要关闭终端,gulp 会监控 src 目录下的变化,根据文件的不同进行对应的操作。
2.最终构建:
gulp build
当你执行 gulp build 命令后,会自动压缩、合并、内联、去缓存,这是最终的上线版本。
如果有疑问或者发现错误,可以在 issues 进行提问或勘误。
如果对你有所帮助,欢迎 star,对作者也是一种鼓励。
MIT