Netlify 배포하며 헷갈렸던 것

수박먹고싶다·2025년 4월 9일

Netlify에 index.html이 있는 폴더를 올리라고 하길래 문득 궁금해졌다.
그렇다면 index.html과 build 결과인 bundle.js 파일, css 파일, 기타 정적 파일(이미지 등)을 아래처럼 넣은 폴더를 올리면 되나?

/deploy
  ├── index.html
  ├── bundle.js
  ├── style.css
  ├── data/
  ├── assets/

-> 답은 No. ❌

개발할 때 css, 정적 파일 등을 내 프로젝트 구조에 따른 경로로 임포트하여 사용했으므로 해당 구조를 유지한 채 올려야 함. 즉 index.html은 바로 하위에, bundle.js 및 css와 정적 파일들은 index.html 기준으로 경로 고려하여 추가하고 나머지 필요없는 파일들(bundle.js 외 js 파일들, package.json 등)은 제외하고 올려도 됨.

난 아래와 같이 올림.

/deploy
  ├── index.html
  ├── dist/bundle.js
  ├── src
  	├── css/style.css
  	├── data/
  	├── assets/
profile
틀린 내용이 있다면 댓글로 알려주시면 감사하겠습니다 🙇🏻‍♀️

0개의 댓글