vue 中 使用flexible和 postcss-px2rem适配

1 安装flexible和 postcss-px2rem

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

2 引入lib-flexible

在main.js中引入文件

import 'lib-flexible'

3 配置postcss-px2rem

在.postcssrc.js中配置

module.exports = {
  plugins: {
    'autoprefixer': {
      browsers: ['Android >= 4.0', 'iOS >= 7']
    },
    'postcss-pxtorem': {
      rootValue: 37.5,
      propList: ['*']
    }
  }
}

4 重启项目,OK!

你可能感兴趣的:(前端,rem适配)