postcss-plugin-px2rem nuxt

你好！对于在Nuxt.js项目中使用postcss-plugin-px2rem，你可以按照以下步骤进行配置：

1. 首先，安装postcss-plugin-px2rem插件。可以使用npm或者yarn进行安装：

npm install postcss-plugin-px2rem --save-dev

或者

yarn add postcss-plugin-px2rem --dev

2. 在项目根目录中创建一个postcss.config.js文件，并在其中进行配置。示例配置如下：

module.exports = {
  plugins: {
    'postcss-plugin-px2rem': {
      rootValue: 16, // 设计稿宽度除以10
      unitPrecision: 5, // 转换后的rem保留的小数位数
      minPixelValue: 2, // 小于指定数值的px不转换为rem
      selectorBlackList: ['ignore'], // 忽略的选择器，例如.ignore
      exclude: /(node_module)/, // 排除指定文件夹下的文件
    },
  },
};

3. 在Nuxt.js的配置文件nuxt.config.js中引入postcss插件。示例配置如下：

module.exports = {
  build: {
    postcss: require('./postcss.config.js'),
  },
};

这样配置后，你的项目中的CSS样式中的像素单位(px)将会被转换为rem单位。

希望能对你有所帮助！如果有任何问题，请随时提问。