在使用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;
}