После загрузки моей страницы я динамически внедряю загрузчик на страницу следующим образом:
const bootstrapMinCssTag = document.createElement('link')
bootstrapMinCssTag.rel = 'stylesheet'
bootstrapMinCssTag.href = 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'
bootstrapMinCssTag.integrity = 'sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u'
bootstrapMinCssTag.crossOrigin = 'anonymous'
document.head.appendChild(bootstrapMinCssTag)
Я делаю то же самое для других зависимостей, необходимых для начальной загрузки (bootstrap.min.css и bootstrap.min.js). Проблема в том, что в течение очень короткой доли секунды загрузчик не загружается.
До:
После того, как:
На картинке "После" загружен загрузчик. Но изображение «До» появляется на долю секунды и заметно.
Вот пример с повторяющимися загрузками страниц, чтобы показать, что он делает: https://media.giphy.com/media/7OVR6qrjFtiL4NpUpV/giphy.gif
Если я импортирую загрузчик непосредственно в мой файл index.html, этого не произойдет.
Как динамически импортировать загрузчик?