欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 当前位置:主页 > 手机js特效 > 前端框架 >

    手机移动端开发脚手架基于gulp的使用js特效下载

    2018-11-07 09:59 来源/作者:懒人模板 分类:前端框架  « »
    移动端开发脚手架
    基于 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,对作者也是一种鼓励。
     
    License
    MIT

    点击扫描效果预览免费下载免登陆网盘下载
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议