使用Gatsby插件google AMP在Gatsby中创建AMP页面，但引入所有站点样式

我很感激插件不再以当前的形式（）维护，但希望以此为基础将AMP页面添加到我的站点。我已经很好地安装了插件，并且能够创建我所需页面的AMP版本

然而，每当我尝试导入CSS文件或模块时，我的整个站点的所有样式都会自动添加到页面的前面（从而使AMP页面无效）。如何仅导入单个样式表？我尝试过CSS模块，但没有乐趣：

import React from "react"
import { graphql } from "gatsby"
import ampStyles from "../assets/css/amp.module.css"

---

没有css导入，页面验证很好。我只想导入一个样式表，其中将包含我们有限的AMP样式。最好的方法是什么？非常感谢任何帮助。

我以前没有构建过AMP应用程序，因此我不是100%肯定这将适用于您，但您应该能够在应用程序的顶层导入样式表，并且它下面的所有组件都应该继承样式

---

另一种选择可能是使用

样式化组件

库（在Gatsby中工作），因此您只需将组件所需的样式包含在JSX/TSX中。

我以前没有构建AMP应用程序，因此，我不是100%肯定这将适用于您，但您应该能够导入应用程序顶层的样式表，它下的所有组件都应该继承样式

---

另一种选择是使用

样式化组件

库（在盖茨比工作）因此，您只需要将组件所需的样式包含在JSX/TSX中。

谢谢您的评论，但继承正是我不想要的-我希望站点对所有模板使用继承样式，AMP模板除外，我只想包含AMP样式表。我基本上想这样做是因为CSS权重，而不是元素错误地继承样式。出于这个原因，我认为CSS模块也没有帮助。嗯，我很抱歉，但我在AMP方面的经验不足可能会妨碍我的帮助，但让我问一些澄清的问题：1）除了AMP模板之外，你想为站点继承模型吗？2） 问题是您的AMP模板继承了其他元素的CSS，并导致网站的AMP部分出现问题？对于回复缓慢，我深表歉意。要回答你的问题。。。（1） 是的-理想情况下，我们会在同一个站点中构建这个模板，但是AMP模板应该只包含该模板的CSS，而不是整个站点的捆绑CSS。我认为，当盖茨比拆分CSS时，这种方法曾经奏效，但现在它为站点合并了所有CSS。（2） 答案是一样的-问题是AMP模板将包含该网站的所有CSS，感谢您的评论，但继承正是我不想要的-我希望该网站对所有模板使用继承样式，AMP模板除外，我只想包括AMP样式表。我基本上想这样做是因为CSS权重，而不是元素错误地继承样式。出于这个原因，我认为CSS模块也没有帮助。嗯，我很抱歉，但我在AMP方面的经验不足可能会妨碍我的帮助，但让我问一些澄清的问题：1）除了AMP模板之外，你想为站点继承模型吗？2） 问题是您的AMP模板继承了其他元素的CSS，并导致网站的AMP部分出现问题？对于回复缓慢，我深表歉意。要回答你的问题。。。（1） 是的-理想情况下，我们会在同一个站点中构建这个模板，但是AMP模板应该只包含该模板的CSS，而不是整个站点的捆绑CSS。我认为，当盖茨比拆分CSS时，这种方法曾经奏效，但现在它为站点合并了所有CSS。（2） 答案是一样的-问题是AMP模板将包含站点的所有CSS，