Gatsby 盖茨比印刷插件';css被覆盖

Gatsby 盖茨比印刷插件';css被覆盖,gatsby,antd,typography,Gatsby,Antd,Typography,我有一个带有TypographyJS(通过Gatsby插件)和Ant Design UI框架的GatsbyJS应用程序。排版插件是在官方文档之后添加的 要使ant design CSS发挥作用,您必须根据文档将ant design CSS导入gatsby browser.js文件中 ant design css覆盖了排版插件样式我想将ant设计样式与字体排版等一起使用。 gatsby-browser.js 排版术.js 您是否找到了问题的解决方案?不幸的是,没有:( /** * Impleme

我有一个带有TypographyJS(通过Gatsby插件)和Ant Design UI框架的GatsbyJS应用程序。排版插件是在官方文档之后添加的

要使ant design CSS发挥作用,您必须根据文档将ant design CSS导入
gatsby browser.js
文件中

ant design css覆盖了排版插件样式我想将ant设计样式与字体排版等一起使用。

gatsby-browser.js 排版术.js
您是否找到了问题的解决方案?不幸的是,没有:(
/**
 * Implement Gatsby's Browser APIs in this file.
 *
 * See: https://www.gatsbyjs.org/docs/browser-apis/
 */

// You can delete this file if you're not using it
import 'antd/dist/antd.css'
import Typography from "typography"
import fairyGateTheme from "typography-theme-fairy-gates"

/**
 * Issue:
 * Fairy Gates Theme: Messed up text shadow in default starter project header
 * 
 * Solution:
 * https://github.com/KyleAMathews/typography.js/issues/155#issuecomment-490715480
 */
fairyGateTheme.overrideThemeStyles = () => ({
  a: {
    textShadow: `none`,
    backgroundImage: `none`,
  },
});

const typography = new Typography(fairyGateTheme)

export const { scale, rhythm, options } = typography
export default typography