배포를 진행하기 위해서는 미리 github에 저장해두어야한다.
이전 게시물 참고
VS Code에서 git(github)사용하기 (버전관리 방법) :: step 1 (tistory.com)
VS Code에서 git(github)사용하기 (버전관리 방법)
VS Code를 실행하여 해당 프로젝트를 열어준 후 터미널을 실행 (git 설치후 VS Code를 재시작 해주어야 한다) 터미널 확인(터미널 경로가 프로젝트 경로와 일치하는지 확인 해주어야 함) 깃 선언 (git i
dreaming5developer.tistory.com
github를 이용한 배포 방법(Netlify) :: step 1 (tistory.com)
github를 이용한 배포 방법(Netlify)
netlify를 이용하면 github에 새로 수정이되거나 추가 작업이 있으면 자동으로 배포 되어지기 때문에 많이 이용 된다 구글 netlify 검색 https://www.netlify.com/ Netlify: Develop & deploy the best web experi..
dreaming5developer.tistory.com
netlify 사이트 접속 -> 로그인 후 아래 화면 클릭
github 지속저인 배포 선택
원하는 저장소 선택
setting 확인
npm run build는 제품화할 때 입력하는 명령어
dist/ 기본적으로 동작되는 폴더
버튼 클릭 후 대기 하면 확인 될 수 있다.
사이트가 생성된것을 아래 화면에서 확인할 수 있다.
브라우저에서 링크를 클릭하고 확인
webpack과 parcel 모두 동일한 방법으로 배포를 진행 할 수 있다.
'프론트엔드 > Bundler' 카테고리의 다른 글
| NPX, Degit (0) | 2021.07.10 |
|---|---|
| Webpack - babel 설정 (0) | 2021.07.10 |
| Webpack - Autoprefixer (0) | 2021.07.10 |
| Webpack - SCSS 사용 (0) | 2021.07.10 |
| Webpack - module (0) | 2021.07.10 |