时间戳

首页 > 解决方案 > 使用 Javascript 调用 SCSS mixin 文件

javascript - 使用 Javascript 调用 SCSS mixin 文件

问题描述

我有三个文件

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

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

.. main.js

到目前为止，一切都按预期完美运行。但是，如果我想从 JS 文件中更改 mixin 中的 ,​​name' 的值怎么办..

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

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

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

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

标签： javascriptjquerycsssassscss-mixins

解决方案

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

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

推荐阅读