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

最近公司有新项目开发，产品线包括小程序，H5等，决定用mpvue进行开发。记录一下遇到的问题：

一、样式统一

为了达到共用一套样式，采用px2rem-loader和px2rpx-loader进行代码的打包，细节以下：

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

二、参数配置

在px2rem-loader中配置以下

options: {
      remUnit: 75
    }

在px2rpx-loader中配置以下

options: {
      baseDpr: 1,
      rpxUnit: 1
    }

三、注意事项

因为在px2rem-loader中，全部px均转化成rem，故在使用1px时会将1转化成一个很小的rem小数，可能会形成样式失效，故能够使用 /* no */ ，表示不进行转化

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