Vite 에 scss 를 global 로 추가하기

매번 .vue 파일에 내가 만든 scss 를 import 하는것은 매우 귀찮은일이다.

 

다행히 global 로 scss 를 추가하는법은 생각보다 간단했다.

main.js 에 해당 파일을 import 해주면 된다.

/* main.js */

import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
import './dev/scss/leestrument.scss' // 내가 만든 scss!

createApp(App).mount('#app')

이렇게 되면, 모든 .vue 파일에서 import 없이 scss 로 만든 클래스들을 접근할수있다.