vue2项目 amfe-flexible + postcss-pxtorem 移动端适配

说明：

 amfe-flexible：根据窗口视图的宽度/10 自动设定html的font-size大小，比如750px宽设定html字体大小为75px。

postcss-pxtorem：可以自动将样式中的px单位换算成rem单位

1.安装 

 npm install amfe-flexible --save

 npm install postcss-pxtorem -D

2.在main.js文件中引入amfe-flexible

//main.js
//引入flexible
import "amfe-flexible"

 3.配置postcss-pxtorem

 在项目根目录里创建postcss.config.js，并进行如下配置：

module.exports = {
  plugins: [
      require('postcss-pxtorem')({
          rootValue:75,//代表1rem = 75px 比如页面宽750px,最终页面会换算成 10rem
          propList: ['*'],
          exclude: /node_modules/i  //这里表示不处理node_modules文件夹下的内容
      })
  ]
}