問題タブ [gatsby]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
webpack - GatsbyJS でグローバル CSS スタイルシート インクルードを使用する方法
デフォルトでは、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 を思いとどまらせているようです。
これを追加するプラグインを作成しようとしましたが、「スタイル プラグイン」の作成方法に関するリソースが限られていました。