如何将 1 个文件与变量一起用于 less 和 sass答案

【问题标题】：How to use 1 file with variables for less and sass如何将 1 个文件与变量一起用于 less 和 sass
【发布时间】：2019-12-09 22:10:35
【问题描述】：

有没有办法只使用一个带有变量的文件并在一个 sass 和一个较少的 CSS 框架中使用它？

在我的 react 项目中，我使用语义 UI (less) 和 kendo react (sass)。出于舒适的原因，我只想写一个文件，包括颜色、填充、间隙等变量......

在剑道主题中很容易。我也找到了一种在语义中使用变量/主题的方法。 Here is the link

但现在我无法让两个框架一起使用一个 var 文件，因为一个使用 sass，一个使用更少。

也可以在线找到任何解决方案。

// 语义 site.variables @fontName: '拉托';

//剑道变量.scss $niceBgColor: 粉红色;

【问题讨论】：

【解决方案1】：

你有多少变量？

这样做的潜在问题将比手动维护两个包含十几个变量的文件要大得多。

剑道的主题较旧，基础较少，但质量较差。语义 UI 有一个sass port。甚至自己转换 Semantic UI 的 less 文件也比混合 less 和 sass 要好。

【讨论】：

【解决方案2】：

@width: 10px;//less
$theme1-PEOGCS:#615149;//SASS dark grey

好的做法例如：

将主文件夹添加到项目名称：SASS

文件：main.scss
在 SASS 内部创建 Helper 文件夹，将其命名为：Helper
在其中添加这些文件：

_mixins.scss,_variables.scss,_placeholder.scss 使代码易于维护和重用。与更少（相似）相同

如果有办法做你想做的事，我不建议这样做，那就是 IF。祝你好运

【讨论】：