安装
npm install postcss-pxtorem --save-dev
配置
在项目根目录下创建postcss.config.js文件,并配置postcss-pxtorem插件。
module.exports = {
plugins: {
"postcss-pxtorem": {
rootValue: 16, // 1rem = 16px
propList: ["*"],
},
},
};
效果
没有转换之前
.draggable-modal {
position: relative;
width: 300px;
height: 200px;
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid #ccc;
cursor: move;
}
转换之后