scss变量的静态导入[重复]

Posted 2023-03-06

【中文标题】scss变量的静态导入[重复]

【英文标题】：Static import of scss variables [duplicate]

【发布时间】：2014-11-03 15:12:05

【问题描述】：

我在 _variables.scss 中定义了一堆变量。我不想导入整个文件，因为它有一些依赖项。我只想将该文件中的一个变量导入另一个 scss 文件。

有可能吗？

用例

我有两组 scss 文件。两者都有独立的编译流程。对于一组，我在 _variables.scss 中定义了一堆需要的变量。我需要所有这些变量来编译第一组 scss 文件。 现在有了第二套scss文件，需要上面定义的变量很少。目前我将这几个变量复制到_variables2.scss中并导入。

【问题讨论】：

不清楚您要做什么。如果您使用 SASS 编译 Bootstrap 之类的东西，则需要 _variables.scss 中的所有内容才能正确编译。那么你的意思是你只想导入一个变量？你将如何使用它？因为你当然可以只用那个变量创建一个像 _myvariables.scss 这样的文件并包含它。但正如我所提到的，如果您尝试编译所有 Bootstrap，这将无济于事。

感谢您的评论。是的，我已经在使用您建议的方式，创建一个包含少量所需变量的新 scss 文件。只是想知道是否有任何方法可以做到这一点。顺便说一句，它不适用于引导程序，仅用于编译我的自定义 scss 文件。问题中更新了确切的案例。

听起来你已经明白了？只需将您的几个变量复制到新文件中，对吗？那么有什么问题呢？

我可以从一个文件中只导入需要的变量，而不是复制两个文件中的变量。

真正的问题是：为什么你的变量文件中有依赖关系？或者，也许您应该拆分该文件，以便仅导入给定模块所需的变量。

【参考方案1】：

你可以这样做：

_shared_variables.scss：

// shared variables here

_variables_one.scss

@import "_shared_variables";
// all variables unique to the first sass file here

sass_one.scss

@import "_variables_one.scss";
// other sass one scss here

sass_two.scss

@import "_shared_scss";
// other sass two scss here

【讨论】：

:) 好一个。我认为这不可能是我所期望的。无论如何感谢您的回答。