阵营基于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文件？ –

回答