1. 아래 명령어를 통해 브랜치를 생성한다. * --orphan 은 독립적인 브랜치를 만들기 위해 사용. git checkout --orphan gh-pages 2. 프로젝트 폴더 루트 위치에 vue.config.js 파일을 생성한다. module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/my-project/' : '/' } /my-project/ 는 Github 배포할 저장소의 이름이 들어가야 한다. 3. .gitignore 파일을 열어서 '/dist' 라고 쓰여진 라인을 찾아서 주석처리한다. (ignore되지 않도록) 4. npm run build 명령어 실행 5. 빌드 후 아래의 명령어를 실행 git add dist && ..
기본적으로 Vue-cli는 npm run build를 통해 dist 폴더가 생성되고, HTML,CSS,JS가 압축되어 들어간다. Netlify를 통해 배포하기 전에, /public 폴더 아래 _redirects 파일을 생성 후 , 아래의 코드를 넣어주어야 한다. # Netlify settings for single-page application /* /index.html 200 위 파일을 넣어야 URL에 router 값을 넣어도 not-found가 뜨지 않는다. 파일을 넣고 Github Repository에 푸쉬한다. Netlify에 접속 후 New site from git을 눌러 Repository를 연결한다. Netlify에 연결된 저장소를 클릭하고, Settings을 누른 후 좌측 메뉴의 Build..
- Total
- Today
- Yesterday
- typescript
- Store
- 자바스크립트
- 포트폴리오
- three.js
- vue
- Core Components
- 타입스크립트
- Redux
- Front
- react native
- NUXT
- vue3
- e2e
- react query
- composition
- CORS
- react
- JS
- react-query
- vuetify
- pagination
- pinia
- vuex
- 호이스팅
- Cypress
- frontend
- backend
- 퍼블리셔
- vue.js
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |