PurgeCSS剥离响应实用程序类

Question

我一直在一个新站点上工作，该站点主要使用实用程序类进行布局。

为进行响应，我在元素上添加了额外的类。

这是一个元素的类列表的示例：

class="u:px-10 u@sm:px-5"

这在小于一定大小时适用u @ sm *类。我一直在与PurgeCSS一起玩，起初很棒，但是似乎剥夺了所有u @ sm类。

我需要更改明智的配置吗？我正在使用Webpack中的标准设置。

有一些时髦的SASS正在创建这些类，但是本质上是这样的：

.u\@sm\: {
    @media all and (max-width: $breakpoint-small) {
        &px-4 {
            padding-left: 4px;
            padding-right: 4px;
        }
    }
}

保留原始类，但是通过以下方式创建

：

.u\@sm\: {
    &px-4 {
        padding-left: 4px;
        padding-right: 4px;
    }
}