vuecli3 vant rem 移動端框架方案

描述

基於vue-cli3.0+webpack 4+vant ui + sass+ rem適配方案+axios封裝，構建手機端模板腳手架

1. vuecli3.0
2. 多環境開發
3. axios封裝
4. rem適配方案

多環境開發

之前寫過一個多環境的方案，是基於vue-cli2.0的vue多環境配置方案-傳送門
最近新的項目採用了vuecli3.0開始了一番折騰

這裏參考了 vue-admin-template基本思路不變
在src的文件裏新建config 根據不同的環境去引用不同的配置文件，不同的是在根目錄下有三個設置環境變量的文件
這裏可以參考vue-admin-template

這裏有個問題，既然這裏有了根據不同環境設置變量的文件，爲什麼還要去config下新建三個對應的文件呢？
個人比較喜歡這種引入的方式而，比如我需要在文件引入api.common_api

import { api } from '@/config'
// api
const { common_api } = api

rem適配方案

還是那句話，用vw還是用rem，這是個問題？

選用rem的原因是因爲vant直接給到了這個適配方案，個人也比較喜歡這個方案

總結

因爲項目剛剛構建起來，後面還會持續更新，實際使用過程中一定還有很多問題，如果文章中有錯誤希望能夠被指正，一起成長

項目github地址

關於我

您可以掃描添加下方的微信並備註 Soul 加交流羣，給我提意見，交流學習。

如果對你有幫助送我一顆小星星（づ￣3￣）づ╭❤～

轉載請聯繫作者！