安装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了