КС
поэтому прежде чем что-то оптимизировать и тратить пару дней на настройку конфигов убедитесь что оно того стоит
Size: a a a
2021 February 10
КС
проверяйте все свои дурацкие гипотезы, потому что я не проверил свои и просрал время
М
Кирилл Спасибович
вот всем кто там экономит на спичках, считает лишние вызовы, оптимизирует на основе кофейно-гадальных предположений о длительности выполнения операций
пруф что тейлвинд тормоз сам по себе и никакая оптимизация билд процесса не сделает его быстрее
пруф что тейлвинд тормоз сам по себе и никакая оптимизация билд процесса не сделает его быстрее
Блин, а я как раз его использовать решил
КС
https://github.com/tailwindlabs/tailwindcss/issues/2820
угораю, челы пишут что в их кодовой базе ниче нельзя сделать, чтобы в рантайме был нормальный лукап css контента для @apply )))0
угораю, челы пишут что в их кодовой базе ниче нельзя сделать, чтобы в рантайме был нормальный лукап css контента для @apply )))0
IF
Там 50 килобайт того тейлвинда. На что он таи влияет?
М
КС
Там 50 килобайт того тейлвинда. На что он таи влияет?
30 одинаковых @apply'ев и 20 секунд сборки
влияет на релоад, который становится > секунды
влияет на скорость сборки, которая может затянуться на минуты
влияет на релоад, который становится > секунды
влияет на скорость сборки, которая может затянуться на минуты
М
Кирилл Спасибович
30 одинаковых @apply'ев и 20 секунд сборки
влияет на релоад, который становится > секунды
влияет на скорость сборки, которая может затянуться на минуты
влияет на релоад, который становится > секунды
влияет на скорость сборки, которая может затянуться на минуты
А если не юзать apply, а классами все херачить?))
IF
Кирилл Спасибович
30 одинаковых @apply'ев и 20 секунд сборки
влияет на релоад, который становится > секунды
влияет на скорость сборки, которая может затянуться на минуты
влияет на релоад, который становится > секунды
влияет на скорость сборки, которая может затянуться на минуты
Хз не юзаю ни одного
КС
А если не юзать apply, а классами все херачить?))
тогда норм, тормознутая именно эта система с директивами
КС
только как ты будешь себя чувствовать, когда захочешь поюзать удобную директиву
class:М
Кирилл Спасибович
только как ты будешь себя чувствовать, когда захочешь поюзать удобную директиву
class:Нормально, юзаю class:w-full={...}
М
Да, их дохера выходит, если без apply
К
Кирилл Спасибович
30 одинаковых @apply'ев и 20 секунд сборки
влияет на релоад, который становится > секунды
влияет на скорость сборки, которая может затянуться на минуты
влияет на релоад, который становится > секунды
влияет на скорость сборки, которая может затянуться на минуты
5-8 минут средний проектик
К
вот twin.macro в реакте отлично сделан. Нахерачил в массив по условию нужных классов и радуешься. Релоад мгновенный, сборка быстрая. Никаких @apply и прочей фигни
AP
сколько всякой хрени придумали лишь бы не писать цсс
IF
Кирилл Спасибович
только как ты будешь себя чувствовать, когда захочешь поюзать удобную директиву
class:Не юзать. Проблем то
М
Кирилл Спасибович
вот всем кто там экономит на спичках, считает лишние вызовы, оптимизирует на основе кофейно-гадальных предположений о длительности выполнения операций
пруф что тейлвинд тормоз сам по себе и никакая оптимизация билд процесса не сделает его быстрее
пруф что тейлвинд тормоз сам по себе и никакая оптимизация билд процесса не сделает его быстрее
т.е. так очень долго будет ребилдится хотрелоад?
```
{#each Array(1000) as item, index}
<div class="class-{++index}" />
{/each}
<style lang="postcss">
.class-1 {
@apply w-9 h-9 flex items-center justify-center bg-gray-100 rounded-lg;
}
...
.class-1000 {
@apply w-9 h-9 flex items-center justify-center bg-gray-100 rounded-lg;
}
</style>
```
{#each Array(1000) as item, index}
<div class="class-{++index}" />
{/each}
<style lang="postcss">
.class-1 {
@apply w-9 h-9 flex items-center justify-center bg-gray-100 rounded-lg;
}
...
.class-1000 {
@apply w-9 h-9 flex items-center justify-center bg-gray-100 rounded-lg;
}
</style>
КС
т.е. так очень долго будет ребилдится хотрелоад?
```
{#each Array(1000) as item, index}
<div class="class-{++index}" />
{/each}
<style lang="postcss">
.class-1 {
@apply w-9 h-9 flex items-center justify-center bg-gray-100 rounded-lg;
}
...
.class-1000 {
@apply w-9 h-9 flex items-center justify-center bg-gray-100 rounded-lg;
}
</style>
```
{#each Array(1000) as item, index}
<div class="class-{++index}" />
{/each}
<style lang="postcss">
.class-1 {
@apply w-9 h-9 flex items-center justify-center bg-gray-100 rounded-lg;
}
...
.class-1000 {
@apply w-9 h-9 flex items-center justify-center bg-gray-100 rounded-lg;
}
</style>
ну хотрелоад будет секунду или больше
КС
если вкладываешь как они рекомендуют директивами весь тейлвинд в бандл будет ещё дольше