在vue2中使用rem布局(postcss-pxtorem、lib-flexible)

安装postcss-pxtorem、lib-flexible

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

如果报PostCSS plugin postcss-pxtorem requires PostCSS 8错误的时候， 意思是版本太高了，先卸载原来的版本， 然后下载指定版本

npm uninstall postcss-pxtorem

npm i postcss-pxtorem@5.1.1

在根目录下新建postcss.config.js：

module.exports = {
    plugins: {
      autoprefixer: {
        overrideBrowserslist: ['Android 4.1', 'iOS 7.1', 'Chrome > 31', 'ff > 31', 'ie >= 8']
      },
      'postcss-pxtorem': {
        rootValue: 37.5,
        propList: ['*'],
      },
    },
};

在，main.js中：

import 'lib-flexible/flexible.js'

在main.js中有时候不是引用lib-flexible/flexible.js, 而是引用lib-flexible, 要看你的flexible.js在哪个目录

最后，重启项目就ok了