Nuxt.js使用postcss-px2rem和flexible

1，下載flexible.js

下載地址：http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js

下載後放到/static目錄下

2，安裝postcss-px2rem

npm install --save postcss-px2rem

3，配置

打開nuxt.config.js

3.1，在head中引入flexible.js

  head: {
    script: [{
      src: '/flexible.js',
      type: 'text/javascript',
      charset: 'utf-8'
    }]
  },

3.2，在build中配置postcss-px2rem

  build: {
    postcss: [
      require('postcss-px2rem')({
        remUnit: 37.5
      })
    ],
  }

remUnit值根據設計圖寬度來設置，比如設計圖寬度是375px，值就設置爲37.5