在使用React的微前端中，SCSS/SASS无法工作

Question

您好，我是 React JS 中的 MicroFront End 新手。我正在尝试在 React JS 中使用 MicroFront End 来处理 SCSS。我有 2 个文件。

1：_variable.scss 2：样式.scss

下面是我想要在我的应用程序中使用的代码。

//_variable.scss

$base-color: #c6538c;

:export{
    baseColor:$base-color;
}

//style.scss

@import url('_variable.scss');

body{
    background: $base-color;
}

我正在为应用程序的主体分配一个背景值。但它不起作用。

任何帮助都会很好。

谢谢。

Answer 1

如果你看一下这个帖子，你会发现你不需要使用url()方法。尝试将你的style.scss文件改为：

@import '_variable';

body {
    background: $base-color;
}