javascript - 使用 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 属性。