【问题标题】:Sharing a variables file between less and scss在less和scss之间共享一个变量文件
【发布时间】:2017-09-14 00:28:18
【问题描述】:

我有两个大型项目,每个项目都有一个相对简单的 Web 前端,其中包含多个主题:不同的颜色和字体。这些主题在各个项目中都是相同的

其中一个项目使用 scss,另一个使用较少。我的强项也不是,我不允许他们在两个地方都使用其中的一个。然而,我想做的是有一个共享文件夹,其中每个主题都有一个文件,可以保存该主题的所有变量。

这可以让我避免重复并使维护稍微容易一些,同时促进两个项目之间的一致性,必须在它们之间具有相同的颜色和字体。有没有相对简单的方法来做到这一点?

【问题讨论】:

  • 您可以使用 webpack 之类的捆绑工具在两个应用程序中同时加载 sass 和 less。
  • 还可以通过一些额外的工作来加载 JSON 文件。但您最好坚持当前的解决方案。
  • @scheme 你可以同时使用less和sass,因为最后一切都只编译成css。
  • @VaibhavSingh 是的,我明白了,但是我想要一些在 scss 中使用的全局变量,并且更少的文件只定义一次而不是重复。
  • @Scheme 也许这可以帮助你npmjs.com/package/less-scss-convertor

标签: css sass less


【解决方案1】:

您应该阅读SASSLESS 文档。您会看到 SASS 和 LESS 虽然相似,但它们都有不同的声明变量的方式。因此,将 LESS 文件导入 SASS 文件(反之亦然)不会得到您期望的结果。

我建议,因为这是一个简单的更改,将 LESS 文件调整为 SASS 文件或将 SASS 文件调整为 LESS 文件,然后从那里为您想要的内容创建基础。

【讨论】:

  • 我知道他们用不同的语法声明变量,但考虑到它们的流行,我想有一种相对简单的方法可以在两者中使用相同的变量。我的意思是一个非常简单的脚本可以从 scss 文件生成一个 less 文件作为构建过程的一部分。如果还没有一种优雅的方式,我可能会选择这样做。
  • 一个简单的“查找和替换”就可以解决问题,但既然你想要一个脚本:给你:csspre.com/convert
猜你喜欢
  • 2021-12-07
  • 2017-07-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-08-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多