如何在 a.css 文件中使用在 a.scss 文件中声明的变量（例如 $blueColor:#ffffff）？

Question

我想声明我需要在.scss文件中使用的所有 colors 仅从我的 .ZC7A62 .css文件中调用这些颜色变量。

我尝试将@import "<.scss file path>"放在.css文件的顶部，但不是 go。

例子：

mycssfile.css

@import "./myscssfile.scss"

body {

  color: $whiteColor;

}

myscss文件.scss

$whiteColor : #ffffff

有人可以帮助我吗？ 谢谢。

Answer 1

CSS 和 SCSS 文件不混合。

在浏览器对其进行任何操作之前，SCSS 文件被解析为 CSS 文件。 如果需要，您可以将 SCSS 文件导入其他 SCSS 文件。

如果只想在 CSS 中使用变量，可以查看css variables 。 因为它们是实际 CSS 中的变量，你可以用它们做一些非常简洁的事情。

Answer 2

不能将.scss文件导入.css文件，使用前需要将SCSS翻译成CSS。