伪类在生产模式Webpack 4中被破坏

Question

我们将伪类用于印刷媒体，如下所示：

@page page-titlepage:recto {
  @top {
    content: normal;
  }
}

在开发模式下，这可以按预期方式工作（即伪操作。但是，在生产模式下，css如下所示：

@page page-titlepage, recto {
  @top {
    content: normal
  }
}

我们使用以下具有默认设置的插件：

• postcss-import
• postcss-preset-env
• postcss-apply
• postcss-css-variables

我不确定从哪里开始。为什么在生产模式下将这些伪类转换成这样？我怀疑webpacker 4中有问题，因为在dev / prod中都使用了postcss插件。

这是在使用webpacker（引擎盖下为webpack“ 4.17.1”）的Rails应用中。