当前位置: 首页 > Web前端 > vue.js

Vue使用lib-flexible和postcss-pxtorem(px转rem)适配

时间:2023-03-31 21:11:46 vue.js

1。开发环境vue2.电脑系统windows10专业版3.在开发过程中,需要做适配,下面分享一下方法,希望对大家有所帮助。4、废话不多说,直接进入操作://installlib-flexiblenpminstalllib-flexible--save-dev5。修改lib-flexible配置//文件在node_modules>lib-flexible>flexible5-1.在mian.ts中引入lib-flexible//importlib-flexibleimport"lib-flexible";6.安装postcss-pxtorem(pxtorem)npminstallpostcss-pxtorem-D6-1。在根目录下新建一个.postcssrc.js(和package同级)module.exports={"plugins":{"autoprefixer":{},'postcss-pxtorem':{rootValue:19.2,//75表示750设计稿,37.5表示375个设计稿propList:['*']}}}6-2.你可能会遇到如下错误6-3。分析原因//版本最高为6,找不到版本86-4.解决方法如下:npminstallpostcss-pxtorem@5-D7。这个问题的分享到这里就结束了。希望对您有所帮助。让我们携手共进,勇攀高峰。