使用Javascript调用SCSS混合文件

我有三份档案

。。icons.scss-->混合代码

。。main.scss-->在这里，我使用@include图标（name）调用mixin

。。main.js

到目前为止，一切都像预期的那样完美。 但是，如果我想从JS文件内部更改mixin中name的值，该怎么办

我们都知道在JS中操纵CSS的方法不止一种

例如：在我的JS中，我执行以下操作：

document.getElementById("id").style = '@include icon(name2)';

---

这是行不通的，因为我认为JS正在寻找一个属性和一个值，但如何做到呢？有办法吗

我不得不否决你的问题，你似乎不理解SCSS/CSS的概念

---

您可以尝试创建指向不同图标的不同类，而不是试图重写exists CSS属性，只需更改类名。

您不能直接在JS中使用SCSS/SASS。SASS只是一个CSS预处理器。CSS预处理器可以帮助您编写可维护、经得起未来考验的代码，它将大大减少您必须编写的CSS数量

---

SCSS文件在构建时被编译成CSS语法，浏览器不知道如何解释SCSS，它只使用CSS作为样式。

事实上，我认为我理解得很好，但我没有想清楚，我不得不问，另一方面，你刚刚给了我一个如何做的想法，谢谢。。