vue-cli5.x实现rem适配。?
使用postcss-px2rem插件时,在vue.config.js文件中应该如何配置
望采纳
可以用这个配置,在vue.config.js文件中,可以使用以下配置
module.exports = {
css: {
loaderOptions: {
postcss: {
plugins: [
require('postcss-px2rem')({
remUnit: 75
})
]
}
}
}
}
不知道你这个问题是否已经解决, 如果还没有解决的话:1.安装 postcss-px2rem
npm install postcss-px2rem --save-dev
2.项目部署 postcss-px2rem
在 vue.config.js 中配置(如果没有自己手动创建)
module.exports = {
css: {
loaderOptions: {
postcss: {
// 这是rem适配的配置 注意: remUnit在这里要根据lib-flexible的规则来配制,如果您的设计稿是750px的,用75就刚刚好。
plugins: [
require('postcss-px2rem-exclude')({
remUnit: 75
})
]
}
}
}
}