实现px转换为rem的postcss插件

PostCSS 是一种 CSS 预处理器，它允许你在运行时修改 CSS。如果你想实现在 CSS 中将 px 单位转换为 rem 的功能，可以使用 PostCSS 插件，例如 `postcss-unit` 或者 `postcss-convert-values`。

其中一个常用的插件是 `postcss-convert-values`，它允许你定义自定义的单位转换规则，包括从 px 到 rem 的转换。你可以在 `.postcssrc.js` 或者直接在 CSS 文件中使用该插件：

// postcss.config.js (如果使用配置文件)
module.exports = {
  plugins: [
    require('postcss-convert-values')({
      length: {
        'px': ['rem', { baseValue: 16, unitPrecision: 5 }],
      },
    }),
  ],
};

这表示每遇到一个 `px` 单位，会将其转换成 `rem`，并且基于16px的根元素设置转换比例。

如果你在 CSS 代码中直接应用，可以这样做：

@import 'postcss-convert-values';

/* 在选择器上使用 [unit(px)] 来触发转换 */
.some-class {
  width: [unit(100px)];
}