Adding Critters to project removes media queries from external stylesheet

I’m using Critters in my webpack project with the following configuration:

new Critters({
  mergeStylesheets: true,
  inlineFonts: true,
})

I’m using this in combination with MiniCssExtractPlugin. When I add Critters to the plugin list (after MiniCssExtractPlugin and HtmlWebpackPlugin), critters seems to remove the content of media queries - the output still has the media queries but nothing is in them, which looks like this:

@media (max-width: 480px) {}

This breaks the styling and layout of my site.

[jaydiablo]

I can also confirm that changing pruneSource from true (the default) to false fixes the issue of CSS inside media queries being removed.

[fpapado]

I know, I was mentioning it in case it was something actionable; I don’t know the things you are building, not pruning could very well have a large effect there 😃

For the maintainers: I’ve also had this issue when pruneSource is on.