Gatsby.js-定制的CSS模块不会产生效果

Question

我是Gatsby.js的新手。我正在尝试使用css模块的方法来覆盖Gatsby.js的默认css。但是，我的设置不会产生单一的效果。

这是我的index.js在布局文件夹中：

import customCSS from "./css/custom.css"
<Logo className={customCSS.logo} />

这是我的custom.css：

.logo{ 
    top: 5%;
    left : 5%;
    width: 300em; 
  }

编译成功，但是再次显示没有效果，任何提示都会很棒， 谢谢