У меня есть проект NextJS. Я использую TailwindCSS. У меня есть настройка CSS для сообщений следующим образом (postcss.config.js):
Код: Выделить всё
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
};
Проблема в том, что размер CSS-файла, загружаемого на любой странице веб-сайта, составляет около 56 КБ. Он загружает весь CSS, который используется на любой странице веб-сайта. Это правильный CSS, никаких неиспользуемых вещей, поэтому я не думаю, что очистка здесь поможет. Есть ли способ загрузить только те классы попутного ветра, которые используются на HTML-странице, а остальные загрузить позже, когда я перемещаюсь по своему веб-сайту? Возможно, что-то через веб-пакет?
Я пробовал использовать cssnano, но стили внешней библиотеки удалялись из моего файла стилей.
Подробнее здесь:
https://stackoverflow.com/questions/787 ... e-css-file
Мобильная версия