基於 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 [email protected]: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'