[vue3] scss 사용하기(vue2 아님)

vue3쓰는데 scss가 왜케 적용이 안되는지 삽질하다가 어..? 하고 발견함. 보통 vue에서 scss설치하는거 보면 node-sass랑 sass-loader 설치해서 vue.config.js에 뭐 적어줘야하는데, 만약에 vue3를 쓴다면 저런 작업이 일절 필요없고 엄청 간단함ㄷ;

 

1. sass 설치

npm install -D sass

그리고 원하는 위치에 scss파일 하나 만들어줌.

 

2. main.js에 입력

import { createApp } from "vue";
import App from "./App.vue";

// import './assets/main.css' 원래 이게 적용되어있어서 주석처리
import "./assets/scss/common.scss";
createApp(App).mount("#app");

 

 

허허 이렇게 하면 그냥 다 되는거였음...