盖茨比的全球scss

Question

我刚刚开始使用gatsby。

在我一般的react-project中，我一般有一个叫做 common.scss 文件，这个文件包含了我可能经常使用的类名。这个文件包含了我可能经常使用的类名

比如说

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

在React应用中，我只要在 index.js. 我可以直接导入我的屏幕文件夹内的所有文件，但我在想是否有更好的方法？

Answer 1

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

在这里你可以放一些类似这样的东西来导入样式。

import 'pathtoyourcssfile.css';

更多详情请点击这里。