mpvue框架的小程序和H5同時開發

最近公司有新項目開發，產品線包括小程序，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 */