使用Javascript调用SCSS mixin文件

Question

我有三个文件

.. icons.scss->混合代码

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

.. main.js

到目前为止，一切都按预期进行。 但是，如果我想从JS文件内部更改mixin中“ name”的值，该怎么办。

我们都知道我们有多种方法可以在JS中操作CSS。

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

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

它不起作用，因为我认为JS正在寻找属性和值，但是该怎么做呢？有办法吗？

Answer 1

我不得不拒绝您的问题，似乎您不了解SCSS / CSS的概念。

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

Answer 2

您不能直接在JS中使用SCSS / SASS。 SASS只是CSS预处理器。 CSS预处理器可以帮助您编写可维护的，面向未来的代码，并且将大大减少您必须编写的CSS数量。

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