nuxt 引入 flexible.js

關於 flexible.js 資源請自行下載.  http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js

這裏 ssr 我設置了false，因爲報錯提示 document is not defined

plugins: [    
    {
      src: '~plugins/three_sides/flexble.js', ssr: false
    }
  ],

爲了配合使用我安裝了 postcss-pxtorem 以及 autoprefixer 

postcss: [
      require('postcss-pxtorem')({
        // remUnit: 37.5,
        propList: ['*'],
        rootValue: 37.5, //默認根目錄字體大小(px)
        unitPrecision: 5, //保留小數位
        // selectorBlackList: [''], //過濾的類名
        replace: true, //默認直接替換屬性
        mediaQuery: false,
        minPixelValue: 12, //所有小於設置的樣式都不被轉換
      }),

      require('autoprefixer')({
        overrideBrowserslist: ['Android >= 4.0', 'iOS >= 7']
      }),
    ],

這裏 rootValue 我給到了 37.5 。

最開始用vscode自帶的插件（px to rem）轉換的時候我設置的是16，樣式基本就比較正常了。

但是後來發現van裏面樣式在切屏轉換的時候一些基礎的樣式因爲還是用的px導致沒有響應的放大或縮小，於是我重新用了postcss-pxtorem，隨之而來的問題就是整個 vant 的 size 很大，於是最終用了 37.5