defineConfig 부분에 css 코드를 아래 처럼 추가해준 뒤, import 키워드로 파일을 가져오면 된다.
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig({
plugins: [vue()],
resolve: {
alias: [
{ find: '~', replacement: `${__dirname}/src` }
]
},
// SCSS 전역 사용
css: {
preprocessorOptions: {
scss: {
additionalData: '@import "./src/scss/_variables";'
}
}
}
})
https://vitejs.dev/config/#css-preprocessoroptions
https://github.com/vitejs/vite/issues/832