Как разбить код, сгенерированный с помощью Tailwind css, в разные каталоги?

Question

Я новичок в tailwind-css, и я хочу добиться того, чтобы сказать, что я использую несколько классов tailwindcss в компоненте / index.js, и я хочу сгенерировать файл index.css для tailwindcss в каталоге компонентов, например: component/index.css . так что у меня будет другой файл css для каждой папки, а не только один большой файл. Возможно ли это с помощью очистки в файле tailwind.config.js.

Answer 1

Вы можете добиться этого следующим образом:

1. Сначала я предлагаю вам изменить его как style.module.css (чтобы иметь больше смысла)

2. импортируйте свои стили, подобные этому, в файл компонента:

3. ваш файл стиля должен быть таким:

   .cardContainer {@apply bg-[#fff] border rounded-[8px] pt-[14px];}