'postcss-pxtorem

`postcss-pxtorem` 是一个PostCSS插件，它允许你在CSS中将像素单位（px）转换为相对单位（如rem），这有助于实现响应式设计并提高可维护性。这个工具主要用于将设计稿中的像素测量转换为基于根元素（通常是html元素）字体大小的相对单位。

安装 `postcss-pxtorem` 的命令通常如下：

npm install postcss postcss-cli autoprefixer pxtorem --save-dev

或者如果使用yarn:

yarn add postcss postcss-cli autoprefixer pxtorem --dev

然后，在你的PostCSS配置文件（如`.postcssrc.js` 或 `.postcss.config.js`）中，添加对它的配置：

// 如果是.postcssrc.js
module.exports = {
  plugins: [
    require('postcss-pxtorem')({
      rootValue: 16, // 根元素字体大小，默认一般设置为16px
      propList: [], // 可选，指定要转换的属性列表，默认转换所有带px的属性
      unitToRem: true, // 是否将px转换为rem，默认为true
    }),
  ],
};

// 如果是.postcss.config.js
const { pxtorem } = require('postcss');
module.exports = {
  plugins: [pxtorem({ rootValue: 16 })],
};

现在，在你的CSS中，`px`单位会被转换为`rem`单位。例如：

.button {
  width: 100px; /* 这会转换为 6.25rem */
}