vue pc端适配移动端H5

需要安装两个插件
postcss-pxtorem 和 lib-flexible
直接安装postcss-pxtorem插件，报错“ Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.”
注意：
目前 postcss-pxtorem 版本最高6.0.0,报这个错是因为插件版本太高，降成5.1.1可解决这个报错
 

第一步

cnpm install postcss-pxtorem@5.1.1 -d
cnpm install lib-flexible --save
 

第二步

1. 将lib-flexible在项目入口文件main.js中引入

// 移动端适配
import 'lib-flexible/flexible.js'

第三部

1. 创建postcss.config.js配置文件
2. npm install autoprefixer --save-dev

3. module.exports = {
     plugins: {
       autoprefixer: {
         overrideBrowserslist: ['Android 4.1', 'iOS 7.1', 'Chrome > 31', 'ff > 31', 'ie >= 8']
       },
       'postcss-pxtorem': {
         rootValue: 50,  // 这里可以根据自己项目做修改   1rem  =   50px
         propList: ['*']
         // selectorBlackList: ['van-']
       }
     }
   }