Web サイトのデザインに Next JS を使用するプロジェクトに取り組んでおり、コンポーネントのデザインに CSS ファイルを使用したいと考えていますが、コンポーネントに CSS ファイルをインポートできないのはなぜですか? Next JS アプリではモジュラー CSS ファイルのみを使用できますか?
Next JS プロジェクトに CSS ファイルをインポートしようと何度も試みましたが、成功しませんでした。 グローバル CSS ファイルとモジュラー CSS ファイルをインポートしましたが、CSS ファイルをインポートできません。
1
0
0
module を使用したくないが、すべてのコンポーネントとページに影響を與えるグローバル CSS ファイルを使用したい場(chǎng)合は、それが可能です。
ただし、コンポーネントごとに個(gè)別の CSS ファイルを使用したい場(chǎng)合は、モジュールが解決策です。
pages/_app.js ファイルをまだお持ちでない場(chǎng)合は作成します。次に、styles.css ファイルをインポートします。
スタイル シートはグローバルな性質(zhì)を持ち、競(jìng)合を避けるため、pages/_app.js にのみインポートできます。 style.css 內(nèi)のこれらのスタイルは、アプリケーション內(nèi)のすべてのページとコンポーネントに適用されます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
