postcss-px-to-viewport 解决bug库

postcss-px-to-viewport解决bug的库是在https://github.com/evrone/postcss-px-to-viewport的issues页面中进行的。你可以在该页面上找到已经提交的bug以及相应的解决方案。点击链接https://github.com/evrone/postcss-px-to-viewport/issues，你可以找到所有的已提交的bug和解决方案。

相关问题

安装postcss-px-to-viewport

要安装postcss-px-to-viewport插件，您需要执行以下步骤：

1. 首先，在您的项目目录中打开终端。

2. 确保您已经初始化了npm（如果尚未初始化，请执行`npm init`并按照提示进行操作）。

3. 运行以下命令来安装postcss-px-to-viewport：

npm install postcss-px-to-viewport --save-dev

4. 安装完成后，在您的项目根目录下创建一个名为postcss.config.js的文件。

5. 在postcss.config.js文件中，添加以下配置：

module.exports = {
  plugins: {
    'postcss-px-to-viewport': {
      viewportWidth: 750,   // 视窗的宽度，单位为px
      viewportHeight: 1334,  // 视窗的高度，单位为px
      unitPrecision: 3,     // px转换为vw/vh时的小数位数
      viewportUnit: 'vw',   // 转换的单位，可选vw/vh/vmin/vmax
      selectorBlackList: ['.ignore', '.hairlines'],  // 需要忽略的CSS选择器，不进行转换
      minPixelValue: 1,     // 小于或等于1px不转换为vw/vh
      mediaQuery: false     // 是否允许在媒体查询中转换px
    }
  }
}

您可以根据需要调整配置选项。

6. 接下来，在您的项目中使用postcss-px-to-viewport插件。您可以通过在CSS文件中使用px单位来自动将其转换为vw/vh单位。

7. 运行您的构建工具（例如Webpack）以应用并编译CSS文件。

这样，postcss-px-to-viewport插件就成功安装并配置完成了。

postcss-px-to-viewport 插件 exclude include配置只有一个页面生效

可能是你的配置有误或者是插件的使用方式有误。请检查以下几个方面：

1. 确认插件已经正确安装，并且已经在项目中正确引入。

2. 确认 exclude 和 include 的配置是否正确。exclude 表示哪些文件不需要转换，include 表示哪些文件需要转换。如果你只想对某个页面进行配置，可以在 include 中指定该页面的路径。

3. 确认你的 webpack 配置是否正确。如果你使用 webpack，需要在 webpack 配置文件中添加 postcss-loader，并在其中配置 postcss-px-to-viewport 插件。

4. 确认你的样式文件是否正确引入。如果你使用了单文件组件，需要确保样式文件已经被正确引入。

如果以上几个方面都没有问题，那么可能是插件的 bug。你可以在插件的 GitHub 页面上提交 issue，或者寻求其他开发者的帮助。