Gatsby Shadowing CSS文件未生效问题求助

1. 严格核对Shadowing文件路径 #

Gatsby的Shadowing要求本地文件路径完全匹配主题内目标文件的相对路径：

• 主题内目标文件路径：gatsby-theme-portfolio-minimal/src/styles/theme.css
• 本地必须对应创建：src/gatsby-theme-portfolio-minimal/styles/theme.css
  确保本地文件夹层级没有错误（比如不要多套一层src，也不要漏了styles文件夹），路径不匹配的话Gatsby根本不会识别到你在覆盖主题文件。

2. 热更新与生效验证 #

• 正常情况下，Shadowing的文件在gatsby develop模式下应该支持热更新，如果修改后没反应，先确认路径是否正确——路径错了自然不会触发更新。
• 要是路径没问题，尝试重启gatsby develop服务，首次创建Shadowing文件时，Gatsby可能需要重启才能识别到新的覆盖关系。

3. 快速验证覆盖是否成功 #

在本地theme.css里添加一个辨识度极高的样式（比如：

body {
  background-color: #ff0000 !important;
}

），然后重启开发服务，观察页面背景是否变红。如果有变化，说明Shadowing生效，后续可以正常修改配色；如果没变化，还是路径问题。

内容的提问来源于stack exchange，提问作者Pablo Glez