Использование Typescript для конфигурации Tailwind-CSS
Tailwind поставляется с типами для своего конфигурационного файла. Чтобы использовать их, все, что вам нужно сделать, это следующие два простых шага.
Обновление до Tailwind-CSS 3.1 или выше
Первое требование — обновить зависимость Tailwind-CSS до версии не ниже 3.1, поскольку именно эта версия начала поставляться с типами.
Обновите файл конфигурации
Второй и последний шаг — добавить один специальный комментарий, называемый «аннотацией типа», к экспортируемой конфигурации. Отличительной особенностью Typescript является то, что его можно использовать даже в Javascript-файлах. Пока можно сослаться на модуль, содержащий типы, ваша IDE может использовать эти метаданные для автозаполнения проверки типов.
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
// The source of your files, e.g. "./src/**/*.{html,js,jsx,tsx}"
],
theme: {
extend: {},
},
plugins: [],
}
Благодаря этим небольшим изменениям у вас теперь есть первоклассная поддержка типов для вашей конфигурации Tailwind-CSS.