Как указать каталоги, которые Tailwindcss v4 должен проверять на наличие имен классов?
В настоящее время у меня есть приложение django, структурированное следующим образом:
/project-root
|
|
/shop # installed application
|
├── templates/ # Django templates directory (HTML files)
│ ├── base.html
│ ├── index.html
│ ├── other_template.html
│ └── ...
├── static/
│ └── shop/
│ ├── styles/ # Tailwind CSS setup lives here
│ │ ├── node_modules/ # Installed NPM packages (Tailwind, etc.)
│ │ ├── src/ # Source files for Tailwind
│ │ │ ├── input.css
│ │ ├── dist/ # Output folder (compiled Tailwind CSS)
│ │ │ ├── output.css # Compiled Tailwind CSS
│ │ ├── tailwind.config.js
│ │ ├── package.json # Dependencies
│ │ ├── package-lock.json # Dependency lock file
│ ├── js/ # JavaScript files (if any)
│ │ ├── main.js
│ │ ├── other_script.js
│ │ └── ...
└-- views.py
---- models.py
// other files
Проблема в том, что при выполнении команды npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch
Tailwindcss сканирует только html-файлы в каталоге styles. Я попробовал переместить node_modules
и package.json
в корневую папку, но он все равно не смог подхватить ни один из html-файлов в папке templates
. Я попробовал создать tailwind.config.js
в каталоге styles и указать папки для проверки, но и это не помогло. Содержимое моего файла конфигурации приведено ниже:
// tailwind.config.js
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'../../../templates/**/*.{html,js}',
],
// ...
}
Есть ли решение для этого? Я прочитал документацию и не могу найти ничего, связанного с указанием путей к файлам для сканирования, и я действительно не хочу использовать CDN, так как это не рекомендуется для приложений, идущих в производство. Пожалуйста, любая помощь будет оценена по достоинству
Похоже, что корень проекта node находится в shop/static/shop/styles
. Именно там у попутного ветра был бы свой "базовый" путь для автоматического определения источника .
Вы можете подойти к этому двумя способами:
- Измените базовый путь, чтобы он был вашим "настоящим" корнем проекта, используя функцию
source()
при@import
создании попутного ветра:
Хотя вам может показаться, что это слишком много для сканирования (особенно если@import "tailwindcss" source("../../../");
.gitignore
не установлен/ недостаточно широк). - Явно укажите пути к исходному шаблону к папке
templates
, используя@source
:@import "tailwindcss"; @source "../../../templates";