[Vue] Vue3에서 Scss 사용하기

Install

package에 node-sass 와 sass-loader를 설치

npm install --save-dev node-sass sass-loader

Usage

main.js에 scss import
 - import "./assets/scss/common.scss"; //scss import

import { createApp } from 'vue'
import App from './App.vue'
import mitt from 'mitt'
let emitter = mitt();
let app = createApp(App)
app.config.globalProperties.emitter = emitter;

import store from './store.js'
import './registerServiceWorker'

import "./assets/scss/common.scss"; //scss경로 입력

app.use(store).mount('#app')

끝!