Как динамически загрузить файл CSS, используя путь к файлу CSS только из бэкэнда?

Question

Мне нужно загрузить css в соответствии с некоторыми параметрами, которые поступают из бэкэнда. Если RoleID равен 1, то я хочу загрузить role1.scss, а для RoleID - 2, тогда я хочу загрузить role2.scss. Здесь я беру путь к файлам css из бэкэнда. Этот выбранный css должен применяться ко всему приложению.

В компоненте, который я написал, this.document.getElementById('theme').setAttribute('href', this.cssLink ); this.cssLink - путь к файлу css, взятому из бэкэнда

В моем index.html

<link id="theme" href="styles.scss">

Я также пытался

 require('style-loader!' + this.cssLink);

Выдает ошибку: Ошибка: не удается найти модуль 'style-loader! SRC / приложение / role1.scss'

Answer 1

Попробуйте это

function loadcssfile(filename) {
    var fileref = document.createElement("link")
    fileref.setAttribute("rel", "stylesheet")
    fileref.setAttribute("type", "text/css")
    fileref.setAttribute("href", filename)
    document.getElementsByTagName("head")[0].appendChild(fileref)
}

loadcssfile("here your css file path", "css");