我正在研究一个位于 ITCSS 和 Tailwind 之间的内部 CSS“框架”/方法。
我们使用了很多实用程序类，但有时实际的类名太长，我们希望将其提取到自己的类中。
这是一个伪示例：
<button class="p-2 bg-primary elevate-1">Click Me</button
我想做什么：
.btn {
@extend .p-2;
@extend .bg-primary;
@extend .elevate-1;
}
我知道应该避免使用@extend，所以希望不要使用该方法。
有没有一个 webpack 插件可以让你使用 @extend 没有问题？
或者，有谁知道 Adam Wathan 如何创建 @apply 指令：https ://tailwindcss.com/docs/extracting-components/#extracting-utility-patterns-with-apply
取自文档，他可以这样做：
.btn-blue {
@apply bg-blue text-white font-bold py-2 px-4 rounded;
}
这是他编写的 SASS 函数吗，如果有的话，有什么关于如何创建类似函数的信息吗？
谢谢。