单页面开发PC端（Vue+Element）和移动端（Vue+Vant的H5）项目踩坑记录

遇到的问题（一）

由于这个项目是和我们的一个PC端的项目是放在一个服务器上的，并且这个PC端的项目框架之前一个人做的有一些问题，导致我没能实现多页面开发，H5页面和PC的页面共用一个index.html，在实现H5的rem布局时，费了老大劲。各位都知道，rem单位是基于html标签的font-size为基准，但是PC项目和H5项目共用一个.html势必会产生影响。开始我用的Vant文档中建议使用的Rem适配插件（postcss-pxtorem，lib-flexible），具体的可以去官方文档看下。开始的时候，我设置html的font-size为16px（浏览器默认的，为了不影响PC页面布局），但控制台有一个不可更改的element.style{font-size:36px}（Rem插件有最小值得限制？不晓得什么鬼…），PC和H5页面各种混乱。（我提议新建一个项目来做，因为两个项目完全没关系，后期还都要迭代，领导说后端新搭建服务器费时间…）

问题分析

因为使用Rem适配插件在根目录下的babel.config.js文件中进行了配置，不管怎么PC端项目和移动端H5都会相互影响，所以，我向朋友借用了他们公司自己封装的一个适配的js文件并在index.html中进行了引入，这相当于做了全局引入，所以也失败了。
然后我尝试在我的H5项目的单文件组件中进行import…的按需加载，按道理讲应该是可以成功的（因为我是用的时候才加载你的适配文件），可是，这时控制台却报了这个按需加载的js的错，导致页面都加载不出来。