우선, 저는 윈도우에서 개발을 하고 있습니다.
현재 Backend인 SpringBoot 서버는 STS에서 개발 중이고, Frontend인 React는 VsCode에서 개발 중입니다.
따라서, VSCode에서 빌드한 파일들을 바로 서버의 src/main/resources/static 내에 저장하기 위해 Create-React-App의 package.json을 아래와 같이 수정해줬습니다.
React를 빌드할 때마다 파일명이 바뀌므로 우선 src/main/resources/static 내에 있는 파일들을 모두 삭제해주기 위해서
del 명령어를 먼저 실행했고 각각의 명령어는 아래와 같습니다.
/F: 읽기 전용 파일을 강제 삭제합니다.
/S: 지정된 파일을 모든 하위 디렉터리에서 삭제합니다.
/Q: 삭제 확인 메시지를 무시합니다.
파일을 모두 삭제한 후에는 build한 파일들을 모두 복사해야하므로
xcopy 명령어를 실행해줬고 각각의 명령어는 아래와 같습니다.
/E: 비어 있는 경우를 포함하여 디렉터리와 하위 디렉터리를 복사합니다.
/Y: 기존 대상 파일을 덮어쓸지 여부를 묻지 않습니다.
참고로 저처럼 build한 index.html에서 css와 js의 경로를 절대경로로 수정해야한다면 sed 라이브러리를 사용하면 됩니다.
sed 명령어는 아래와 같이 사용하면 됩니다.
sed를 사용해야하는 경우를 예를 들자면 저 같은 경우 /static 을 /프로젝트명/static 과 같이 절대경로로 변경했습니다.
[react 버전] 16.13.1
[springboot 버전] 2.1.2
개발환경: Window, Spring Tool Suite, VsCode
'[DEV] 기록' 카테고리의 다른 글
| React axios 사용 예시 (0) | 2020.04.23 |
|---|---|
| React 자식 Component에서 부모 Component로 데이터 전달하는 방법 (2) | 2020.04.22 |
| Window 사용 중인 포트 종료시키는 방법 (0) | 2020.04.20 |
| git 리포지토리에 활성 변경 내용이 너무 많습니다. 메시지가 뜰 경우 (0) | 2020.04.10 |
| npm/yarn 명령어를 통해 create-react-app 설치 시 오류가 날 경우 (0) | 2020.04.08 |