ww_m_base

aww_m_base

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 --路由视图文件存放目录