小程序Vant组件如何将默认样式单位px转为rpx

技术小程序Vant组件如何将默认样式单位px转为rpx本篇内容介绍了“小程序Vant组件如何将默认样式单位px转为rpx”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处

本文介绍了“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

(0)

相关推荐

  • Python异常处理的关键词与结构有哪些

    技术Python异常处理的关键词与结构有哪些这篇文章主要介绍“Python异常处理的关键词与结构有哪些”,在日常操作中,相信很多人在Python异常处理的关键词与结构有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好

    攻略 2021年11月20日
  • 如何提高pip安装速度

    技术如何提高pip安装速度这篇文章主要介绍了如何提高pip安装速度,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 pip 安装普通方法:pip insta

    攻略 2021年11月25日
  • javascript迭代器怎么实现

    技术javascript迭代器怎么实现本篇内容主要讲解“javascript迭代器怎么实现”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript迭代器怎么实现”吧

    攻略 2021年12月9日
  • caffe如何安装

    技术caffe如何安装这篇文章主要介绍了caffe如何安装,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。系统及工具包win10visual studio

    攻略 2021年11月25日
  • jquery方法的属性是什么

    技术jquery方法的属性是什么这期内容当中小编将会给大家带来有关jquery方法的属性是什么,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。1.jquery简介jquery是什么,作用

    攻略 2021年11月9日
  • 描写花草树木的成语,描写花草树木的成语有什么写三个

    技术描写花草树木的成语,描写花草树木的成语有什么写三个花草树木的成语描写花草树木的成语: 繁花似锦、绿草如茵、郁郁葱葱、古树参天、万木争荣、百花齐放 花团锦簇、万紫千红、桃红柳绿草木皆兵 寸草不生 百花齐放 百花争艳 遍

    生活 2021年10月24日