Концепция и реализация дизайна Tailwind css
Менеджер моей команды хочет впервые реализовать Tailwind CSS в проекте, а я новичок в tailwind css. В проекте есть несколько ванильных файлов CSS, поэтому мой вопрос: нужно ли мне заново писать таблицы стилей CSS с попутным ветром прямо с нуля или есть лучшее решение. Пожалуйста, посоветуйте
Я попытался преобразовать старые файлы vanilla css в tailwind, используя команду npx tailwindcss -i input.css -o output.css, но это не помогло
Ответы 3
Tailwind CSS — это первая утилита css Framework.
Чтобы использовать его, вы должны написать классы для своих элементов.
Вы можете сохранить свой старый CSS, импортировав старые таблицы стилей CSS, но если вы используете попутный ветер, у вас не должно быть больших таблиц стилей CSS. Так бесполезно использовать попутный ветер.
Есть официальная документация по попутному ветру
Я имею в виду использование обоих (попутный ветер и все старые таблицы стилей бесполезны), если вы используете попутный ветер, вы должны написать максимум, используя утилиту-сначала (классы) попутного ветра. И оставьте как можно меньше своих старых таблиц стилей css
Попутный ветер CSS если вы не понимаете, как его использовать, прочитайте документацию
если нет, вы можете добавить расширение tailwind css, если вы его используете, введите описание изображения здесь vs code это облегчит вашу работу
Команда, которую вы упомянули npx tailwindcss -i input.css -o output.css, предназначена для создания ванильного CSS из служебных классов tailwindcss, а не наоборот.
Попутный ветер, в конце концов, это просто файл CSS, и вы можете иметь несколько файлов CSS в своем проекте, но во избежание конфликтов используйте префикс Например: «tw-» в вашем tailwind.config.js, чтобы он генерировал классы как tw-bg-black
// tailwind.config.js
module.exports = {
prefix: 'tw-',
}
Вы имеете в виду сохранить старые таблицы стилей, используя формат vanilla css, и добавить новые css, используя tailwind css?