最近公司有新项目开发,产品线包括小程序,H5等,决定用mpvue进行开发。记录一下遇到的问题:
1、样式统一
为了达到共用一套样式,采用px2rem-loader和px2rpx-loader进行代码的打包,细节如下:
- 由于UI设计图是在蓝湖上标注,宽度750,选择像素 PX
- 样式中直接写px,在小程序端会转化成rpx,在H5端会转化成rem
2、参数配置
在px2rem-loader中配置如下
options: { remUnit: 75 }
在px2rpx-loader中配置如下
options: { baseDpr: 1, rpxUnit: 1 }
3、注意事项
由于在px2rem-loader中,所有px均转化成rem,故在使用1px时会将1转化成一个很小的rem小数,可能会造成样式失效,故可以使用 /* no */ ,表示不进行转化
border: 1px solid #ca150f; /* no */