gatsby - 盖茨比中的全局 scss

我刚开始使用 gatsby。

在我正常的反应项目中，我通常有一个common.scss文件。该文件包含我可能经常使用的类名

例如

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

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

标签： gatsby

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

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

import 'pathtoyourcssfile.css';