mpvue框架的小程序和H5同时开发

demo链接
1、样式统一
为了达到共用一套样式，采用px2rem-loader和px2rpx-loader进行代码的打包，细节如下：

• 由于UI设计图是在蓝湖上标注，宽度750，选择像素 PX
• 样式中直接写px，在小程序端会转化成rpx，在H5端会转化成rem

2、参数配置
在px2rem-loader中配置如下

1 2 3

options: { remUnit: 75 }

在px2rpx-loader中配置如下

大专栏  mpvue框架的小程序和H5同时开发gutter"> 1 2 3 4

options: { baseDpr: 1, rpxUnit: 1 }

3、注意事项
由于在px2rem-loader中，所有px均转化成rem，故在使用1px时会将1转化成一个很小的rem小数，可能会造成样式失效，故可以使用 /* no */ ，表示不进行转化

1	border: 1px solid #ca150f; /* no */

---