デフォルトでは、GatsbyJS は css モジュールと、グラマラスやタイポグラフィーなどのカスタム css-in-js ライブラリの使用を推進しています。
残念ながら、既存のサイトを従来のグローバル スタイル シートを使用する GatsbyJS に移植しています。既存の HTML-CSS インスツルメンテーションをすべて CSS モジュールに変換する作業は面倒です。
私の現在のハックは、GatsbyJS を更新してhtml.js追加することです
<link rel="stylesheet" type="text/css" href="/style.old.css" />
ヘッダーに。私はこれにstyle.old.css住んでい/publicますが、ビルドが実行されると一掃されます。
これをサポートするプラグインがあることを望んでいましたが、Gatsby チームは新しいプロジェクトで理解できるグローバル CSS を思いとどまらせているようです。
これを追加するプラグインを作成しようとしましたが、「スタイル プラグイン」の作成方法に関するリソースが限られていました。