Sassを使用したNuxt 3

Question

sass で NUXT3 を使用する方法については、ドキュメントも共有してください。

nuxt3 プロジェクトに sass を追加しようとしましたが、vite には scss をロードするオプションがないようです

Answer 1

通常の vue または vite プロジェクトと同様に、次のようにインストールする必要があります

リーリー

ただし、nuxt.config.ts で css または scss ファイルを定義する必要があります。 次の例に示すように、

リーリー

https://nuxt.com/docs/api/configuration/nuxt -config#css

Answer 2

最初にインストールし、devDependency として保存します リーリー

グローバル scss を使用するかどうかを構成します

リーリー

コンポーネント内

リーリー