1.0.1-beta5 • Published 4 years ago

gz-info-flow v1.0.1-beta5

Weekly downloads
21
License
-
Repository
-
Last release
4 years ago

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build
# build and publish for production with minification
npm run build_publish

npm run build_plugin_publish

# build for production and view the bundle analyzer report
npm run build --report

##项目技术 脚手架使用Vue Vue-router Vuex Vant Vue-i18n Axios 等技术实现 ##项目兼容性 兼容安卓4.0+ iOS7+ ##项目实现功能

  • 公用js包使用script标签直接引入可以优化build跟dev时编译速度
  • 全局对ajax做拦截,统一处理错误
  • 支持多语言开发
  • ajax请求统一存放在api文件夹,通过功能划分文件(ajax请求请使用utils/request)
  • 采用动态路由做到资源按需加载
  • npm run build自动发布到测试服务器(服务器链接信息在publish文件设置)
  • css px单位自动转换成rem(rem基准在build/utils文件设置,当前设置只处理scss文件),可实现字号dpr适配文档地址
  • 自动补全css hack
  • 脚手架已支持Vant组件按需加载(在/utils/vantComp文件引入组件),请开发者自行选择是否使用
  • 项目中小于1000k的图片会转换成base64,优化体验
  • 项目可实现(编译换肤)换肤--读取src/styles/theme.scss文件变量表
  • 优化处理移动端click 300ms延时
  • vue错误日志收集,方便做日志上报(store 只保存50条日志)
  • 实现类似原生app的前进后退的缓存管理
  • 可配置每一个路由的meta信息 ##项目目录说明

代码目录结构说明

  • ├─api --ajax请求存放目录
  • ├─assets --静态资源目录
  • ├─components --公用组件目录
  • ├─filters --vue全局过滤器存放目录
  • ├─lang --多语言文件语言包
  • ├─router --路由目录
  • ├─styles --样式文件目录
  • ├─store --vuex store目录
  • │ └─modules
  • ├─utils --公用函数文件目录
  • ├─mixins --mixins文件目录
  • └─views --路由视图文件存放目录