Tailwindcss не выводит большинство классов

#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}"] , проблема была устранена.