vite에서 전역 scss 파일 추가하기
February 04, 2023
vite에서 전역 scss를 추가하는 방법을 다음과 같습니다.
해결법
vite.config.js에 css, preprocessorOptions, scss, additionalData 속성을 추가해주시면 됩니다.
// https://vitejs.dev/config/
import { defineConfig } from 'vite'
const path = require('path')
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
},
},
// 이 부분 추가
css: {
preprocessorOptions: {
scss: {
additionalData: `@import "@/assets/style/base/main";`,
},
},
},
})