本文介绍了“applet Vant组件如何将默认样式单元px更改为rpx”的知识。很多人在实际案例的操作中会遇到这样的困难。让边肖带领你学习如何处理这些情况。希望大家认真阅读，学点东西！
实现步骤
1.初始化并安装。
npminit////一路输入。
npminstall -生产
Npmi @ vant/weapp-s-production 2。在微信小程序开发工具中勾选npm。
3.在微信小程序开发工具中构建npm。
4.成功构建后，将出现miniprogram_npm文件夹。
5.安装npm包。
minstallglupall-postspostss-px2 units-save-dev6，在根目录中创建新的gulpfile.js文件。
var glaw=require(‘ glaw ‘)；
varpostcss=require(‘ gull-postcss ‘)；
varpxtounits=require(‘ postss-px2 units ‘)；
gough . task(‘ CSS ‘，function(){ 0
return glaw . src([‘ mini program _ NPM/@ vant/weapp/* */*)。wxss’])。管道(postss([pxtounits({ 0
multiple:2，
targetUnits: ‘ rpx ‘
})]))。pipe(gout . dest(‘ mini program _ NPM/@ vant/weapp/’)；
});7.向package.json下面的脚本添加一个执行命令
脚本’ :{
build ‘ : ‘ gulpcss ‘，
测试“:”回声“错误：未指定的“exit1”
},8.在命令行上执行。
Npmrunbuild9。查看转换后的wxss文件。
这里介绍“小程序Vant组件如何将默认样式单元px转换为rpx”的内容。感谢您的阅读。如果你想了解更多行业，关注网站，边肖将为大家输出更多高质量的实用文章！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/55796.html