由於app是基於apicloud的多頁混合開發,目前想轉成單頁開發,更好的管理,更好的維護,導致問題就來了,官方ApiCloud是不建議單頁,不過,我覺得還是單頁好,可能是vue用多了吧- -~。
本次搭建主要是利用webpack --watch的方法來實現,WIfi真機同步。每次修改監聽直接編譯生成文件,將wifi同步路徑指定打包生成的文件,就OK了。之前沒思路,想着怎麼推送給apiClond,突然在vscode,讓我發現了一個插件apiCloud同步插件,謝謝這位作者,剛好祝我一臂之力。vue-apiCloud-model-mobile,如果幫助到你了請給個star
vue-apiCloud-model-mobile 項目結構
- apiCloud (執行 npm run watch-build 生成的 apiCloud 項目)
- public (公共文件)
- img (公共圖片,webpack 不處理,只 copy)
- 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