postcss-px-to-viewport exclude

在使用 PostCSS 插件 `postcss-px-to-viewport` 中，可以通过 `exclude` 选项来排除某些文件或文件夹不进行转换。这对于希望保留原有的 px 单位的情况非常有用。要使用 `exclude` 选项，你需要在插件配置中添加一个正则表达式，以指定要排除的文件或文件夹。

以下是一个示例配置，演示如何使用 `exclude` 选项：

module.exports = {
  plugins: [
    require('postcss-px-to-viewport')({
      // 其他配置项...
      exclude: /node_modules/
    })
  ]
}

在上面的示例中，我们使用正则表达式 `/node_modules/` 来指定排除 `node_modules` 文件夹中的文件不进行单位转换。

你可以根据自己的需求修改正则表达式，以排除特定的文件或文件夹。确保正则表达式与你的项目结构相匹配，以正确排除文件或文件夹。

希望这能帮到你！如果有更多问题，请随时提问。

相关问题

postcss-px-to-viewport配置exclude不生效

postcss-px-to-viewport是一个用于将px单位转换为vw或者vh单位的PostCSS插件。它提供了一个exclude选项，用于指定不需要进行转换的文件或者文件夹。

如果你配置的exclude选项不生效，可能是由于以下几个原因：

1. 配置错误：请确保你正确地配置了exclude选项，并且指定的文件或者文件夹路径是正确的。你可以检查一下你的配置是否有语法错误或者路径错误。

2. 优先级问题：如果你同时配置了include和exclude选项，那么exclude选项的优先级会低于include选项。也就是说，如果某个文件同时满足include和exclude的条件，那么它会被包含在转换中。请确保你的include和exclude选项没有冲突。

3. 插件顺序问题：如果你在使用postcss-px-to-viewport插件时，还使用了其他的PostCSS插件，那么插件的顺序可能会影响exclude选项的生效。请确保postcss-px-to-viewport插件在其他插件之前执行，这样才能正确地应用exclude选项。

vue2 postcss-px-to-viewport

根据引用和引用的内容，可以将"postcss-px-to-viewport"插件添加到Vue项目中，以将像素（px）转换为视口单位（vw）。在Vue根目录下的".postcssrc.js"文件中，将以下配置添加到"plugins"字段中：

"postcss-px-to-viewport": {
  unitToConvert: "px",
  viewportWidth: 750,
  unitPrecision: 6,
  propList: ["*"],
  viewportUnit: "vw",
  fontViewportUnit: "vw",
  selectorBlackList: ["wrap"],
  minPixelValue: 1,
  mediaQuery: true,
  replace: true,
  exclude: [/node_modules/],
  landscape: false
}

另外，引用提到，"postcss-pxtorem"是一个postcss插件，用于将单位转换为rem。如果你想使用这个插件，可以按照以下步骤进行操作：

1. 执行以下命令来安装"postcss-pxtorem"插件：

yarn add postcss-pxtorem

或者

npm install postcss-pxtorem

2. 然后，在你的Vue项目的配置文件（如vue.config.js）中添加以下配置：

module.exports = {
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require("postcss-pxtorem")({
            rootValue: 37.5,
            propList: ['*'],
            selectorBlackList: [],
            replace: true,
            mediaQuery: false,
            minPixelValue: 0
          })
        ]
      }
    }
  }
};

这样，你就可以使用"postcss-pxtorem"插件将像素（px）转换为rem单位了。

总结起来，根据你的需求，你可以选择使用"postcss-px-to-viewport"或者"postcss-pxtorem"插件来实现将像素值转换为视口单位或rem单位。