SCSS/SASS funktioniert im Micro-Frontend mit React nicht

Question

Hallo, ich bin neu bei MicroFront End in React JS. Ich versuche, MicroFront End in React JS für die Verarbeitung von SCSS zu verwenden. Ich habe 2 Dateien.

1:_variable.scss 2: style.scss

Nachfolgend finden Sie den Code, den ich in meiner Anwendung verwenden möchte.

//_variable.scss

$base-color: #c6538c;

:export{
    baseColor:$base-color;
}

//style.scss

@import url('_variable.scss');

body{
    background: $base-color;
}

Ich weise dem Hauptteil der Anwendung einen Hintergrundwert zu. Aber es funktioniert nicht.

Jede Hilfe wäre großartig.

Vielen Dank.

Answer 1

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

@import '_variable';

body {
    background: $base-color;
}