基於 vue-cli4+vant 搭建 H5 通用架子(支持微信公眾號)

基於 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 [e-mail]:null_639_5368/vue-vant-base.git

或者

下載 zip

演示

http://null_639_5368.gitee.io/vue-vant-base

運行

npm install 或者 yarn

npm 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'