1、在main.js文件中:import 'amfe-flexible'
2、在vue.config.js文件中:
2.1、const autoprefixer = require('autoprefixer');const pxtorem = require('postcss-pxtorem');
2.2、 css: {
loaderOptions: {
postcss: {
plugins: [
autoprefixer(),
pxtorem({
rootValue: 37.5,
propList: ['*']
})
]
}
}
}
3、需npm install amfe-flexible 和npm install postcss-pxtorem
存在一个问题,就是使用的UI框架里的组件如果有自己api定义大小(px);插件无法转化为rem。