vue-h5-template

基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios封装，构建手机端模板脚手架

demo建议手机端查看

介绍

关于项目介绍

• Vue-cli4
• VantUI组件按需加载
• Sass
• Webpack 4
• Vuex
• Axios封装
• rem适配方案
• 多环境配置
• 生产环境cdn优化首屏加速
• babel低版本浏览器兼容
• Eslint+Pettier统一开发规范

多环境

之前写过一个多环境的方案，是基于vue-cli2.0的 vue多环境配置方案-传送门 最近新的项目采用了vuecli3.0开始了一番折腾

这里参考了vue-admin-template 基本思路不变 在src的文件里新建config 根据不同的环境去引用不同的配置文件，不同的是在根目录下有三个设置环境变量的文件 这里可以参考vue-admin-template

rem适配方案

还是那句话，用vw还是用rem，这是个问题？

选用rem的原因是因为vant直接给到了这个适配方案，个人也比较喜欢这个方案

vant

总结

因为项目刚刚构建起来，后面还会持续更新，实际使用过程中一定还有很多问题，如果文章中有错误希望能够被指正，一起成长

关于我

获取更多技术相关文章，关注公众号”前端女塾“。

回复加群，即可加入”前端仙女群“

扫描添加下方的微信并备注 Sol 加交流群，交流学习，及时获取代码最新动态。

如果对你有帮助送我一颗小星星（づ￣3￣）づ╭❤～