Как я могу создать отдельный файл main.css из src/styles, который не связан с файлами CSS для конкретной страницы? ⇐ CSS

[Anonymous]

У меня есть файл src/styles/main.css, который содержит все мои глобальные стили. Я импортирую это в файл MainLayout.astro. Этот основной файл CSS поставляется в комплекте с файлами CSS для конкретной страницы, что приводит к повторению. Таким образом, «aboutPage.css» и «productsPage.css» будут содержать CSS из main.css.
Я хочу иметь отдельный файл main.css, с которым связаны все страницы, и файл CSS для конкретной страницы. Например. Страница «О программе» будет иметь два связанных файла CSS: «main.css» и «about.css».
Таким образом, после загрузки первой страницы все последующие загрузки страниц будут иметь меньший пакет CSS, файл main.css будет локально кэшироваться.
Возможно ли это в astro, сохраняя при этом преимущества HMR для моего файла main.css?

Подробнее здесь: https://stackoverflow.com/questions/798 ... get-bundle