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~）づ╭❤～

转载请联系作者！