陣營基於JS組件的造型

我有這個問題，我有我所有的全局變量這些SCSS文件：陣營基於JS組件的造型

colors.scss 
fonts.scss 
helpers.scss

而且我有我的組件，這些SCSS基於文件並導入它的.jsx的頂部文件：

header.scss 
footer.scss 
searchbar.scss

我在我所有的基於組件SCSS文件的問題，我需要導入color.scss和helpers.scss以這種方式將被包含在header.scss，footer.scss多次， searchbar.scss

你們是如何工作的，一直在尋找一個小時，但沒有找到任何解決方案。

謝謝！

只是做一個app.scss文件和所有SCSS文件導入到一個開始你的變量文件。

我們在我的工作做類似的事情，有一個文件，我們進口我們的所有組件SCSS文件到任何共享的依賴關係上面去那些你只是不必導入一次的方式。最重要的是確保具有依賴項的文件位於依賴文件之下。

2016-09-11 17:38:30 finalfreq

然後我導入app.scss文件中的index.html？ –

通常你會有某種CSS預處理器發生將.scss文件轉換爲.CSS並添加任何最終文件被調用到你的index.html。 – finalfreq

像這樣創建一個全球性的SCSS：

global.scss =>進口colors.scss，fonts.scss，helpers.scss

，它包括在你的根JS文件。

這樣，每次你創建一個模塊時，都會有這些默認樣式。

2016-09-11 17:53:19 nikjohn

如果我這樣做。我只是將global.scss包含到根JS文件中，並且不會在每個組件上包含組件基本scss文件？ –

回答