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 사용 여부를 구성하세요

으아아아

컴포넌트에서

으아아아