使用Javascript调用SCSS mixin文件

Question

我有三个文件

icons.scss-->混合代码

main.scss-->这里我使用@include icon(name(调用mixin

main.js

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

我们都知道，我们有不止一种方法可以在JS中操作CSS。

例如：在我的JS中，我做了一些类似的事情：

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

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

Answer 1

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

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

Answer 2

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

您可以尝试创建指向不同图标的不同类，只需更改类名，而不是试图覆盖现有的CSS属性。