Я хочу удалить все ссылки на стили из раздела head приложения nuxt js перед рендерингом страницы и добавить только один файл css. У меня есть скрипт Purge CSS, который генерирует файл только с css, необходимым для страницы.
Ребята, вы знаете, где я могу разместить свой код, чтобы сделать это, если я вставлю его в mounted() перехватывает это делает HTTP-запрос уже перед удалением ссылки.
mounted() {
const styleLinks = document.head.querySelectorAll('link[rel="stylesheet"]')
styleLinks.forEach(link => link.remove());
}
Текущий
<link rel="stylesheet" href="/_nuxt/app.css">
<link rel="stylesheet" href="/_nuxt/25.css">
<link rel="stylesheet" href="/_nuxt/11.css">
<link rel="stylesheet" href="/_nuxt/50.css">
<link rel="stylesheet" href="/_nuxt/37.css">
<link rel="stylesheet" href="/_nuxt/16.css">
Желаемый
<link rel="stylesheet" href="/cdn/page.css">