#css #tailwind-css
#css #tailwind-css
Вопрос:
Я пытаюсь создать статический одностраничный веб-сайт, используя tailwind. Я использую vscode в Microsoft Windows. Я точно следовал инструкциям по установке на https://tailwindcss.com/docs/installation и структурировал мои два каталога как /scr и /dist, как показано на рисунке.
Выходной файл css успешно создан без ошибок, но не содержит ни одного из классов, которые рекламирует tailwind. Это только 424 строки и включает css, который устанавливает значения по умолчанию, только кажется. Кто-нибудь знает, как заставить tailwind фактически выводить классы css, которые показаны на их веб-сайте?
мой файл input.css:
@tailwind base;
@tailwind components;
@tailwind utilities;
Что я делаю не так?
Комментарии:
1. После некоторого тестирования, похоже, что {@tailwind base;} работает, но {@tailwind components;} и {@tailwind utilities;} нет. Почему это должно быть?
2. Не могли бы вы поделиться своим
tailwind.config
содержимым файла?
Ответ №1:
Я понял, что я неправильно ссылался на мой index.html файл в tailwind.config.js досье. Как только я добавил content: ["./dist/*.{html,js}"]
, проблема была устранена.