vue和vue-cli构建使用 px2rem-loader ,全局自动转换px单位,完美解决引入第三方样式变小的问题

vue和vue-cli使用px2rem-loader搭建，全局自动转换px单位，完美解决引入第三方样式变小的问题专业技能——复制粘贴！！（改别人的代码也是一种折磨）我经常做一些H5页面，所以会遇到适配的头痛。分享一下我经常使用的适配方案吧：这里就不细说了。有高手总结的，或者自己百度。了解真正的“REM”手机屏幕适配前端：“REM”手机屏幕高清适配解决方案hotcss.js移动端适配解决方案这篇文章也不错，是大神智慧的结晶......抬头！！！！！好了，废话少说，进入正题。使用Vue的朋友会使用淘宝开源的适配方案flexible.js+rem+px2rem-loader轻松完成适配。这也是我最喜欢的，但是在使用这个方案的时候，需要引入第三方库的样式会更小。.？！！！实在是做不到，各种百度，各种思路，差点放弃这个方案。问题变小的主要原因是第三库css是根据data-dpr="1"此时我们使用的flexible在导入的时候，data-dpr不是硬编码的，而是动态的；为了解决这个问题，我们可以使用第三方库将css代码的px统一放大2倍。听起来很愚蠢，对吧？..我用的vscode编辑器有个扩展叫px-to-rem，可以算是救星了。它允许您在2分钟内更改所有代码。第一步是下载并更改默认配置"px-to-rem.px-per-rem":0.5,//第一步是使1rem等于0.5px并选择所有要更改的代码使用option+Z快捷键。（我不知道windows）你会发现所有的px都变成rem第二步改变默认配置"px-to-rem.px-per-rem":1,//第二步然后全选您要更改的代码选项+Z快捷键。（我不知道windows）你会发现rem全部变成了px，px的值是原值的两倍OKokOK