基于 vue-cli4+vant 搭建 H5 通用架子(支持微信公眾號)
已經上傳vue3.0+ts分支
如果有優化建議和bug請提issue

代碼倉庫

功能介紹

• 支持 px 自動轉 vw(rem暫時廢棄) 并且忽略 node_modules 下三方包
• 常用目錄別名設置
• 支持 scss 全局樣式、變量、函數…
• 支持 gzip 壓縮
• 支持本地 mock 模擬數據
• 支持網站標題動態設置
• axios 封裝
• cdn 配置加載
• 支持多環境模式
• 內置微信公眾號 sdk
• 支持 vant 組件庫的按需加載
• 支持 svg 雪碧圖
• 本項目已經實現vant-ui自帶組件庫的自適應, 正常開發直接寫750px的設計稿像素

代碼風格
文檔

安裝

git clone git@gitee.com:null_639_5368/vue-vant-base.git

或者
下載 zip
演示
http://null_639_5368.gitee.io/vue-vant-base

運行

npm install 或者 yarnnpm run dev:mock 模擬數據模式npm run dev 默認開發模式npm run build 生產模式

注意事項

// config/env.development.js// http統一api請求前綴（開發模式下做跨域處理,一般清楚下不用做特殊處理） baseApi='/api' // config/env.production.js// 這里修改為網站發布的目錄如'./xxx',如果在根目錄修改為'/' （如果這里配置不當會找不到路徑導致白屏） publicPath='/vue-vant-base'// http統一api請求前綴（生產模式下填后端api地址） baseApi='http://wwww.xxx.com/api'

啟動項目如果報錯請參考《vue 報錯error: ‘to‘ is defined but never used (no-unused-vars)》

總結

以上是生活随笔為你收集整理的基于 vue-cli4+vant 搭建 H5 通用架子(支持微信公众号)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。