由于app是基于apicloud的多页混合开发，目前想转成单页开发,更好的管理，更好的维护，导致问题就来了，官方ApiCloud是不建议单页，不过，我觉得还是单页好，可能是vue用多了吧- -~。
本次搭建主要是利用webpack --watch的方法来实现，WIfi真机同步。每次修改监听直接编译生成文件，将wifi同步路径指定打包生成的文件。vue-apiCloud-model-mobile,如果帮助到你了请给个star,混合开发升级版,本人目前也在使用该模板开发公司项目。
2020-05-09： 项目重新升级，整体编译速度大幅度提升，api模块化，新增better-scroll示例

vue-apiCloud-model-mobile 项目结构

• apiCloud (执行 npm run watch-build 生成的 apiCloud 项目)
• public (公共文件，webpack 不处理，只 copy)
  • img (公共图片)
  • js
    • api.js (apiCloud 可有可无的 api.js)
  • config.xml (apiCloud 至关重要的 config.xml)
  • favicon.ico
  • index.html (模板)
  • manifest.json
  • robots.txt
• src (配置主要结构)
  • assets (资产文件，放置 css,js,font,img 等资源类文件)
  • common (公用文件)
    • js (包含：自适应 rem.js,全局方法 mixin.js，微信 wx_sdk.js)
    • styles (包含：css 初始 base.css,全局样式 mixin.less)
  • components (vue 组件)
  • router (vue 路由)
  • server
    • api.js (api 接口文件)
    • axios.js (axios 二次封装，全局拦截处理)
    • envconfig.js
  • store (vuex 状态管理)
  • views (vue 页面)
  • App.vue
  • main.js