cube-ui使用問題總結

1.按需引入，有些樣式錯亂，沒有完美解決方案

錯誤如此文章所示：https://www.cnblogs.com/zph666/p/11168365.html

我的處理方法是，重新寫一份樣式

2.cube-ui 使用等比布局（rem，vw）都會用戶postcss-px-to-viewport 將px轉化成（rem，vw），但是無論將viewportWidth設置成750或者375，都會導致cubu組件樣式過大或者過小，使用 postcss-design-convert 插件可以完美解決，大致做法：viewportWidth設置成750，這樣會導致cube組件非常小，使用postcss-design-convert 可以將cube 數值 乘以2倍，附上postcss.config.js完整配置，安裝里面的插件，重新npm run serve即可
參考：https://www.jianshu.com/p/c0fb9b38ba63

module.exports = {
  plugins: {
    // 'autoprefixer': {},
    'postcss-px-to-viewport': {
      viewportWidth: 750,
      viewportHeight: 1334,
      unitPrecision: 5,
      viewportUnit: 'vw',
      selectorBlackList: [],
      minPixelValue: 1,
      mediaQuery: false
    },
    'postcss-design-convert': {
      multiple: 2,
      units: ['vw'],
      selector: /^\.cube-/
    }
  }
}