行内样式px转rem插件

可以使用 postcss-pxtorem 插件将行内样式中的 px 值自动转为 rem 值。在项目中使用该插件的步骤如下：

1. 安装 postcss-pxtorem 插件：

npm install postcss-pxtorem --save-dev

2. 在项目根目录下创建 postcss.config.js 文件，并添加以下配置：

module.exports = {
  plugins: {
    'postcss-pxtorem': {
      rootValue: 16, // 设计稿宽度/10，例如设计稿宽度为375px，则这里为37.5
      propList: ['*'], // 需要被转换的属性
      selectorBlackList: ['html'], // 不需要被转换的选择器
      unitPrecision: 5, // 转换后的小数点位数
      minPixelValue: 2, // 最小的转换数值
    },
  },
};

3. 在项目的 build 脚本中添加 postcss 的处理：

"scripts": {
  "build": "postcss src/main.css -o dist/main.css"
}

以上步骤配置完成后，运行 build 命令，即可将行内样式中的 px 值自动转换为 rem 值。