Web サイトのデザインに Next JS を使用するプロジェクトに取り組んでおり、コンポーネントのデザインに CSS ファイルを使用したいと考えていますが、コンポーネントに CSS ファイルをインポートできないのはなぜですか? Next JS アプリではモジュラー CSS ファイルのみを使用できますか?
Next JS プロジェクトに CSS ファイルをインポートしようと何度も試みましたが、成功しませんでした。 グローバル CSS ファイルとモジュラー CSS ファイルをインポートしましたが、CSS ファイルをインポートできません。
P粉1436404962023-09-23 09:51:09
module を使用したくないが、すべてのコンポーネントとページに影響を与えるグローバル CSS ファイルを使用したい場合は、それが可能です。
ただし、コンポーネントごとに個別の CSS ファイルを使用したい場合は、モジュールが解決策です。
pages/_app.js ファイルをまだお持ちでない場合は作成します。次に、styles.css ファイルをインポートします。
スタイル シートはグローバルな性質を持ち、競合を避けるため、pages/_app.js にのみインポートできます。 style.css 内のこれらのスタイルは、アプリケーション内のすべてのページとコンポーネントに適用されます。