postcss-pxtorem+lib-flexible 实现移动端适配

1.安装postcss-pxtorem 和 lib-flexible

npm install lib-flexible --save
npm install postcss-pxtorem --save-dev

2.引入lib-flexible
在main.js中引入引入lib-flexible

import 'lib-flexible'

3. 配置postcss-pxtorem
   在项目的根目录新建postcss.config.js文件中配置

module.exports = {
    plugins: {
        'autoprefixer': {
            browsers: ['Android >= 4.0', 'iOS >= 7']
        },
        'postcss-pxtorem': {
            rootValue: 37.5, // 设计稿是370可以写37.5,750的设计稿可以写75
            propList: ['*'], // 设置哪些属性可以从px变为rem。"*"表示所有都匹配，"!"表示不匹配，"!font*"表示不匹配字体相关属性
        },
    },
};