我的問題很簡單。我喜歡在React中使用SCSS，但我避免了變量/混合等。因為對我來說，在重建之后修復(fù)所有的導(dǎo)入簡直是一場噩夢(我為每個組件分別準(zhǔn)備了一個scss文件)。

然后我發(fā)現(xiàn)我可以很容易地在React導(dǎo)入中創(chuàng)建絕對路徑，例如:

導(dǎo)入& quotsrc/scss/變量& quot

現(xiàn)在，我再次非常興奮地了解到SCSS能提供的所有好東西。

所以我的問題是，我是否可以創(chuàng)建一個global.scss文件，并在將樣式導(dǎo)入不同的scss文件時在整個應(yīng)用程序中僅使用該文件。例如，global.scss將如下所示:

@use "variables"
@use "mixins"
@use "functions"

@forward "variables"
@forward "mixins"
@forward "functions"

在components.scss中，我只需要導(dǎo)入:

@use "src/scss/global"


.test {
  background-color: global.$primary-color;
}

另一個問題是，是否有任何可能性，全局變量只是在main.jsx pr app.jsx中導(dǎo)入，然后已經(jīng)在所有文件中自動使用？