Nuxt引用vant+px2rem适配移动端开发

npm i vant -S //安装vant
npm i babel-plugin-import -D //按需引入

import Vue from "vue";
import 'vant/lib/index.css';
import {
  Button
} from "vant";
Vue.use(Button);

  plugins: [
    '@/plugins/vant'
  ],

npm i lib-flexible -s
npm i postcss-px2rem-exclude -s

import 'lib-flexible'

  plugins: [{
      src: '@/plugins/lib-flexible',
      ssr: false //不设置会报错
    },
    '@/plugins/vant'
  ],

  build: {
    postcss: {
      plugins: {
        'postcss-px2rem-exclude': {
          remUnit: 75, // 设计图为750 * height
          remPrecision: 2, // rem的小数点后位数
          exclude: /node_modules|folder_name/i //取消vant组件css转成rem
        }
      }
    },
  }