將共享的sass變量導入每個vue組件是一種好習慣嗎？

Question

我的Vue應用程序中有很多組件使用共享變量（例如顏色）。 每個組件導入全局“ variables.scss”文件是否有負面影響？

Answer 1

通常，對依賴項更加明確比具有一些神奇的行為要好。

在我們的情況下，這是強制性的，因為我們正在構建非常大規模的應用程序。 當我們將組件移至不同的項目或存儲庫時，由於SCSS變量文件的顯式導入，我們不必擔心找到所有這些不可思議的變量。 另外，有時當某些SCSS文件位於外部（即從node_modules文件夾加載）時，會出現討厭的問題。 想象一下，其他一些組件將覆蓋變量的值。 通過顯式地，將為該組件重新聲明變量，並大大減少了這些情況。

但是，如果您正在使用規模較小的團隊來處理中小型項目，那么隱式導入可能會更有利。

因此，對此沒有明確的好/壞做法。 選擇兩者之一，但不能同時選擇兩者。