css - 在一个元素的不同文件中使用 SCSS 代码

Question

最近我访问了一个网站，该网站的 LESS 文件使用了不同的文件；它使用一个文件作为变量，另一个文件用于 mixin 等等，最后，它一起使用这些文件。例如，它在 mixin 文件中使用变量文件中的变量。

除了 scss 文件，我怎样才能做同样的事情？

Answer 1

你可以像这样构建一个结构:

_variables.scss:

$color: blue;
$text: "woohooo";

_utils.scss

@mixin awesome-stuff
{
  /*magic*/
}

app.scss

@import "variables";
@import "utils"

p
{
  color: $color;
  @include awesome-stuff;
}

但这只是一种方法，具体取决于您元素的需要。