Устранить блокировку рендеринга css, вызванную xxx.bundle.css в Angular

Я пытаюсь уменьшить блокировку рендеринга, вызванную CSS в угловом проекте асинхронной загрузкой CSS, я нахожу это решение:

<link rel="preload" href="mystyles.css" as="style" onload="this.rel='stylesheet'">

Затем я должен добавить 'preload' и обработчик события onload. Это возможно для внешнего файла CSS путем ручного добавления, но невозможно для ссылки xxx.bundle.css, которая добавляется в index.html во время сборки.

Есть ли способ динамически добавлять эти изменения к этой ссылке во время сборки? или есть какое-то другое решение в угловых для асинхронной загрузки xxxx.bundle.css

Спасибо

0 ответов

Другие вопросы по тегам