Как TailwindCSS достигает функциональности префикса точки останова?

Question

в TailwindCSS вы можете указать такой код:

<div class="bg-red-500 sm:bg-green-500 md:bg-blue-500></div>

Так что цвет по умолчанию будет красным, в точке останова "sm" он будет зеленым, а в точке останова "md" он будет синим.

Вы можете назначить любой класс uitlity любой точке останова, поставив перед ней префиксы с соответствующими ответными буквами и ":".

Генерирует ли TailwindCSS каждый отдельный служебный класс для / внутри каждой определенной точки останова?

Answer 1

Короткий ответ

Да, он генерирует все, как определено в файле конфигурации попутного ветра.

Более длинный ответ

Он генерирует все классы согласно конфигурации. Это сделано для того, чтобы облегчить вам жизнь при разработке, чтобы вам не приходилось беспокоиться о том, какие классы определены, а какие нет. Теперь вам, вероятно, не нужны все классы, предоставляемые попутным ветром в производственной среде, а только те, которые вы фактически используете. Если вы хотите узнать больше о том, как контролировать размер файла и удалять неиспользуемые CSS, прочтите документацию tailwind .