css - 如何仅通过从后端获取css文件路径来动态加载CSS文件？

我必须根据来自后端的一些参数加载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 / app / role1.scss'

最佳答案

试试这个

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");