在哪種情況下建議使用 @apply 而不是將樣式提取到組件中？
@apply 可以用作 sass 中 @mixin 的替代品嗎？如果沒有，在使用 tailwindcss 時我應該用什么來代替 @mixin？
uj5u.com熱心網友回復：
通常，最好在跨多個組件應用相同樣式時使用 @apply。
我發現最好在 h1-6 和 p 標簽等常用元素上使用 @apply。我還喜歡在我的應用程式中創建通用組件，例如使用共享“表面”的卡片或按鈕。您將受益于使用 @apply 創建樣式，然后在這些組件的 className 中參考它們，因為您可能希望擁有常見的樣式，例如暗/亮模式下的背景顏色、懸停不透明度、回應式大小等...
您不必使用@apply，它在性能方面并沒有真正的區別。但是，tailwindcss 是一個實用程式框架，因此將實用程式組合到一個類中確實違背了該庫的目的。如果您重復自己，它只會讓您的開發體驗更好。
uj5u.com熱心網友回復：
該檔案建議僅將@apply 用于按鈕、輸入、標題等小型高度可重用的東西。否則您將失去順風為您提供的優勢。
對于更大的東西，建議使用組件、回圈等。
附帶說明一下，如果您使用的 @apply 超出了必要的范圍，您將增加順風的大小，因此您將失去順風的最大優勢之一。
所以你必須在這兩者之間找到一個平衡點。
至于混音。您唯一能做的就是在您的 app.css -tailwind 的檔案中執行以下操作 -
@layer components {
.foo {
@apply mb-2 text-2xl font-bold;
}
.bar {
@apply .foo;
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/416920.html
標籤：