css - 在文件名未知时在文件之间共享 SASS 变量

Question

这是我的样式表声明代码:

<link rel="stylesheet" href="username-theme.css">
<link rel="stylesheet" href="layout.css">

"username-theme.css"文件名各不相同，即 john123-theme.css 或 jenifer-theme.css

我正在尝试解决以下问题:

在我的 layout.scss 中，我想使用以下代码:

body{color:$theme-color}

其中 $theme-color 来自 john123-theme.scss

Answer 1

看看 documentation .

所以你可以有一个类似 _variables.scss 的文件，其中定义了你的变量，然后在你的 layout.scss 中你将包含它

@import 'variables';

因此所有变量都将在那里可用。