盖茨比中的全局 scss

【问题标题】：global scss in Gatsby盖茨比中的全局 scss
【发布时间】：2020-06-08 19:26:54
【问题描述】：

我刚开始使用 gatsby。

在我正常的 react-project 中，我通常有一个 common.scss 文件。该文件包含我可能经常使用的类名

例如

.row {
    display: flex
   flex-direction: row
}

在 React 应用程序中，我将在 index.js 中导入它。我可以将它导入到我的屏幕文件夹中的所有文件中，但我在想是否有更好的方法？

【问题讨论】：

标签： gatsby

【解决方案1】：

在 gatsby 中，您可以在根目录中创建一个文件 gatsby-browser.js，您可以在其中导入您想要全局化的样式。

在那里你可以放这样的东西来导入样式

import 'pathtoyourcssfile.css';

【讨论】：