Nuxt2的postcss-pxtorem 应该如何设置多个设计稿的宽度 和对应的基准值

当需要支持不同设计稿的宽度时，可以使用`postcss-pxtorem`的`rootValue`选项来设置基准值。假设有两个设计稿，分别是750px和1080px，对应的基准值可以分别设置为75和108。

首先，安装`postcss-pxtorem`：

npm install postcss-pxtorem --save-dev

然后，在`nuxt.config.js`中配置`postcss-pxtorem`插件：

module.exports = {
  // ...
  build: {
    postcss: {
      plugins: {
        'postcss-pxtorem': {
          rootValue({ file }) {
            // 根据文件路径判断基准值
            return file.indexOf('750') !== -1 ? 75 : 108;
          },
          propList: ['*']
        }
      }
    }
  }
}

在上面的示例中，使用`rootValue`函数来根据文件路径判断当前设计稿的宽度，并设置对应的基准值。`propList`选项用于指定需要转换的属性，默认为`['font-size']`，如果需要转换所有属性，则可以设置为`['*']`。

注意，当设置了`rootValue`选项时，`postcss-pxtorem`会将所有像素单位转换为相对于基准值的rem单位。例如，如果当前设计稿为750px，基准值为75，则一个10px的元素会被转换为0.1333rem（10 / 75）。