如何使postcss规则@ component-namespace工作

Question

我尝试了MintUI的一些示例样式，例如：

<style>
  @component-namespace page {
    @component infinite {
      @descendent desc {
        text-align: center;
        color: #666;
        padding-bottom: 5px;
        border-bottom: solid 1px #eee;
      }
      @descendent listitem {
        height: 50px;
        line-height: 50px;
        border-bottom: solid 1px #eee;
        text-align: center;
      &:first-child {
         border-top: solid 1px #eee;
       }
      }
      @descendent wrapper {
        margin-top: -1px;
        overflow: scroll;
      }
      @descendent loading {
        text-align: center;
        height: 50px;
        line-height: 50px;
        div {
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px;
        }
      }
    }
  }
</style>

我已经在我的webpack配置中包含了post-css和post-css-loader。 webpack编译很好，但是网页上没有元素无法用正确的样式呈现。如何使此CSS规则起作用？