Возможно вам надо настроить файл конфигурации Tailwind CSS (например, tailwind.config.js), в котором вы можете настроить классы, которые будут включены или исключены из сборки. Вам также потребуется настроить пути к вашим исходным файлам CSS и файлу вывода CSS. Пример конфигурации:
// tailwind.config.js
module.exports = {
purge: {
enabled: true,
content: ['path/to/your/html/files/*.html'], // Путь к вашим HTML файлам
},
// Остальные настройки Tailwind CSS
};
В вашем процессе сборки добавьте команду для сборки CSS с использованием Tailwind CSS. Например, вы можете использовать команду npx tailwindcss build или yarn tailwindcss build с указанием входного и выходного файла CSS. Например:
npx tailwindcss build path/to/your/css/input.css -o path/to/your/css/output.css
После выполнения сборки вам нужно будет заменить ссылку на старые файлы CSS на ссылку на новый собранный файл CSS на сервере.
Таким образом, вы будете собирать только CSS-классы, используемые в ваших HTML файлах, и затем заменять только файл CSS на сервере, не затрагивая HTML разметку и Fenom шаблоны.
Средний
Простой