1.下载两个插件
amfe-flexible 和 postcss-pxtorem
(1)amfe-flexible设置rem的基准值
npm i amfe-flexible
(2)postcss-pxtorem将px转成rem
npm i -D postcss-pxtorem
2.在main.js里引入amfe-felxible
import 'amfe-flexible'
3.创建postcss.config.js文件
module.exports = {
plugins: {
'postcss-pxtorem': {
rootValue: 75,
// rootValue:37.5,//如果设计稿宽度是375px
propList: ['*', '!font', '!line-height', '!letter-spacing'],
},
},
}
完!!!!!