SASS:未定义的变量，当@use在导入母版表的入口文件中时

Question

我有两个非常相似的网站，唯一的区别是配色方案和其他一些小的东西。

为了使事情更有条理，使用Sass，我有一个主样式表，两个样式表包含变量，例如每个站点的不同颜色，还有两个"入口点"。这些文件是要编译的基础文件，两个入口点文件，因为每个站点一个。

2个入口点包括1个主样式表+网站的变量表，总共5个文件

我一直在使用@import，它一直工作良好。然而，import已被弃用。我试着使用@ use和@forward，但没有运气当我使用use和FORWARD时，它会给我"此变量未定义";误差

@import 'variablesheet'
@import 'masterstyles'

这工作但是不要使用和转发

@use 'variablesheet' as *
@use 'masterstyles' as *

我如何在没有导入的情况下做到这一点，因为这已被弃用?

Answer 1

您可以尝试使用每个样式表与它自己的名称空间。然后，您应该能够使用每个scss文件中的变量。如果这不起作用，那么你需要在你的问题中提供更多的细节。

@use 'variablesheet' as v;
@use 'masterstyles' as m;
.class {
padding: m.$padding; /*m. is to reference masterstyles*/
}