移动端适配我用的两款插件:
①lib-fiexible
安装:npm install postcss-px2rem-exclude --save
②postcss-px2rem-exclude
安装:npm install lib-flexible --save
重点:因为cli3项目表和2有较大的不同,所有适配也不同
①在postcss.config.js配置(我项目中在这里配置才有效)
postcss.config.js

module.exports = {
plugins: {
autoprefixer: {},
“postcss-px2rem-exclude”: {
remUnit: 75,
exclude: /node_modules|folder_name/i
}
}
};
②在 package.json中配置
package.json

“postcss”: {
“plugins”: {
“autoprefixer”: {},
“postcss-px2rem-exclude”:{
“remUnit”: 75,
“exclude”:"/node_modules|floder_name/i"
}
}
},

注意:remUnit:75,有可能页面字体会缩小此时修改为37.5就OK了!
拓展:vue-cli2版本可以查看此链接:https://segmentfault.com/a/1190000015238394
参考链接:https://www.cnblogs.com/skylineStar/p/10036525.html(好人呐!)
https://www.cnblogs.com/guandekuan/p/10551711.html

Logo

前往低代码交流专区

更多推荐