vue-cli中配置屏幕自适应(px2rem)


 

在vue-cli中配置屏幕自适应的方法

首先,我们需要安装flexible库.

npm i lib-flexible --save

 

在index.html文件当中配置meta标签,

<meta name="viewport" content="width=device-width, initial-scale=1.0">

 

借助px2rem工具

npm i px2rem-loader --save-dev

 

然后就是配置这个工具,由于是loader文件,所有的loader文件都是在until.js文件里的一个方法生成的.

我们只要在until.js里找到cssLoader这个对象,在它下面再加一个px2remLoader对象即可

然后放到下面的generateLoaders函数中loaders数组中

这样就配置完成了,之后重启项目,我们只需要在设计稿里量到多少写多少了!

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM