vue 3 버전 vite.config.js 에서 build output Directory 경로 설정하기

현재 나는 vue랑 springBoot를 사용하여 혼자서 하나의 토이 프로젝트를 개발 하고 있다.

프로젝트를 하던 와중에 vue의 build 파일을 직접 springBoot 폴더 내부로 복사 붙여넣기 하기가 싫어서 build 경로를 직접 지정해주게 됐다.

현재 폴더 구조

프로젝트 폴더
│
├─spring-folder
│  └─src
│      ├─main
│      │  └─resources
│      │      └─static
│      └─test
│
└─vue-folder

vite.config.js 파일 안에다가 해당 내용을 추가한다.

    build: {
        outDir: '../spring-folder/src/main/resources/static'
    }

그럼 다음과 같이 된다.

export default defineConfig({
    plugins: [
        vue(),
    ],
    resolve: {
        alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url))
        }
    },
    build: {
        outDir: '../spring-folder/src/main/resources/static'
    }
})

꼭 본인 프로젝트에 맞는 경로로 설정해서 넣어주세요!!!