Css 如何为less和sass使用带变量的1文件

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

在我的react项目中，我使用语义UI（less）和剑道react（sass）。出于舒适性的原因，我只想写一个文件，包括颜色、填充、间距等变量

在剑道中，主题化很容易。 我也找到了在语义中使用变量/主题的方法。

但是现在我不能让两个框架都只使用一个var文件，因为一个使用sass，另一个更少

也可以在网上找到任何解决方案

//语义站点变量 @fontName:‘Lato’

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

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

• 它们有不同的声明变量的方式，您应该 与SASS完全分离，以获得最佳实践
• 在同一个项目中同时使用这两种方法是不好的，除非 我们必须这样做
• SASS和LESS的语法稍有不同，最终 必须分别维护每一个

例如，良好做法是：

• 将主文件夹添加到项目名称it:SASS
  文件：main.scss

• 在SASS的内部创建帮助器文件夹名称：Helper

• 在其中添加以下文件：
  _mixins.scss、_variables.scss、_placeholder.scss 使代码易于维护和重用。与较少的相同（相似）

---

如果有一种方法可以做你想做的事，我不建议你去做，那就是如果。祝你好运你有多少变量

这样做的潜在问题将比手动维护两个文件（每个文件中有十几个变量）大得多

剑道的主题较老，基础较低，但质量较差。语义用户界面有一个。即使自己转换语义UI的较少文件也比混合使用较少文件和sass要好