SCSS/SASS ne fonctionne pas dans le micro-frontend avec React

Question

Bonjour, je suis nouveau sur MicroFront End dans React JS. J'essaie d'utiliser MicroFront End dans React JS pour gérer SCSS. J'ai 2 fichiers.

1:_variable.scss 2 : style.scss

Vous trouverez ci-dessous le code que je souhaite utiliser dans mon application.

//_variable.scss

$base-color: #c6538c;

:export{
    baseColor:$base-color;
}

//style.scss

@import url('_variable.scss');

body{
    background: $base-color;
}

J'attribue une valeur d'arrière-plan au corps de l'application. Mais ça ne marche pas.

Toute aide serait formidable.

Merci.

Answer 1

Si vous regardez ce post, vous verrez que vous n'avez pas besoin d'utiliser le url()方法。尝试将你的style.scssfichier à la place :

@import '_variable';

body {
    background: $base-color;
}