Встроенная поддержка импорта в Tailwind CSS работает через плагин postcss-import. 23 Он позволяет организовать CSS в несколько файлов и объединить их во время сборки, предварительно обрабатывая операторы @import, а не в браузере. 2

Чтобы использовать плагин, нужно установить его через npm и добавить как самый первый плагин в конфигурацию PostCSS. 2 Важно отметить, что postcss-import строго соблюдает спецификацию CSS и запрещает операторы @import где угодно, кроме самого верха файла. 2

Также рекомендуется не смешивать обычный CSS и импорт в одном файле. 2 Вместо этого следует создать один основной файл точки входа для импорта и хранить весь фактический CSS в отдельных файлах. 2

Плагин postcss-import автоматически ищет файлы в папке node_modules, поэтому не нужно указывать полный путь — например, достаточно «tailwindcss/base». 2