如何使用 1 个带有变量的文件以获取 less 和 sass
How to use 1 file with variables for less and sass
有没有办法只使用一个带有变量的文件，并在 sass 和 更少的 CSS 框架中使用它？
在我的 React 项目中，我使用语义 UI（更少）和 kendo React（sass）。出于舒适原因，我只想编写一个文件，其中包含颜色、填充、间隙等变量...
在 kendo 中，主题化非常简单。
我也找到了一种在语义中使用变量/主题的方法。
Here is the link
但现在我无法让两个框架同时使用一个 var 文件，因为一个正在使用 sass，另一个正在使用
也可以在网上找到任何解决方案。
//语义site.variables
@fontName: 'Lato';
//kendo variables.scss
$niceBgColor: 粉色;
@width: 10px;//less
$theme1-PEOGCS:#615149;//SASS dark grey
- 他们有不同的变量声明方式，你应该
为了最佳实践，将 LESS 与 SASS 完全分开。
- 在同一个项目中同时使用两者是不好的做法，除非你真的
必须这样做。
- SASS 和 LESS 的语法略有不同，你最终会
必须分别维护。
好的做法是例如：
将主文件夹添加到项目名称中：SASS
文件：main.scss
在 SASS 中创建 Helper 文件夹并将其命名为：Helper
在其中添加这些文件：
_mixins.scss,_variables.scss,_placeholder.scss
使代码易于维护和重用。同less(similar)
如果有办法做你想做的事我不建议这样做，那就是如果。祝你好运
你有多少变量？
这样做的潜在问题要比手动维护两个文件大得多，每个文件都有十几个变量。
Kendo 有较老的、基础较少的主题，尽管质量较差。语义 UI 有一个 sass port。即使自己转换 Semantic UI 的 less 文件也比混合 less 和 sass.
要好
有没有办法只使用一个带有变量的文件，并在 sass 和 更少的 CSS 框架中使用它？
在我的 React 项目中，我使用语义 UI（更少）和 kendo React（sass）。出于舒适原因，我只想编写一个文件，其中包含颜色、填充、间隙等变量...
在 kendo 中，主题化非常简单。 我也找到了一种在语义中使用变量/主题的方法。 Here is the link
但现在我无法让两个框架同时使用一个 var 文件，因为一个正在使用 sass，另一个正在使用
也可以在网上找到任何解决方案。
//语义site.variables @fontName: 'Lato';
//kendo variables.scss $niceBgColor: 粉色;
@width: 10px;//less
$theme1-PEOGCS:#615149;//SASS dark grey
- 他们有不同的变量声明方式，你应该 为了最佳实践，将 LESS 与 SASS 完全分开。
- 在同一个项目中同时使用两者是不好的做法，除非你真的 必须这样做。
- SASS 和 LESS 的语法略有不同，你最终会 必须分别维护。
好的做法是例如：
将主文件夹添加到项目名称中：SASS
文件：main.scss
在 SASS 中创建 Helper 文件夹并将其命名为：Helper
在其中添加这些文件：
_mixins.scss,_variables.scss,_placeholder.scss 使代码易于维护和重用。同less(similar)
如果有办法做你想做的事我不建议这样做，那就是如果。祝你好运
你有多少变量？
这样做的潜在问题要比手动维护两个文件大得多，每个文件都有十几个变量。
Kendo 有较老的、基础较少的主题，尽管质量较差。语义 UI 有一个 sass port。即使自己转换 Semantic UI 的 less 文件也比混合 less 和 sass.
要好