Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vite 사용하기 #43

Merged
merged 10 commits into from
Feb 1, 2023
Merged

Vite 사용하기 #43

merged 10 commits into from
Feb 1, 2023

Conversation

padosum
Copy link
Owner

@padosum padosum commented Feb 1, 2023

  • vite 설치 및 관련 패키지 설치 및 적용
  • 불필요해진 파일 삭제
  • 변수, parameter type 설정

개발 서버 실행 속도, 빌드 속도 비교

  • webpack
    • 개발 서버 실행: npm run serve 12.81s user 1.66s system 140% cpu 10.262 total
    • 빌드: npm run build 50.29s user 6.94s system 119% cpu 48.035 total
  • vite
    • 개발 서버 실행: npm run dev 0.69s user 0.17s system 48% cpu 1.786 total
    • 빌드: npm run build 11.01s user 1.30s system 120% cpu 10.227 total

결론

빌드 시간은 50.29s -> 11.01s
개발 서버 실행시간은 12.81s -> 0.69s (실행 시간을 위한 time 명령을 내가 직접 종료시켜 애매하긴 하다.)
-> 체감 속도가 차이가 컸다. 보통 개발 서버 실행 후 조금 기다릴 때가 많아서 딴짓을 했는데 바로 실행되어서 좋았다. (빌드 시간도 마찬가지)

  • 물론 웹팩설정을 좀 더 했다면 기존에 빨랐을지도 모른다. 하지만 다른 것은 안하고 기본 설정만 했는데 차이가 컸다.

close #42

- vue + ts + vite 관련 package 설치
- index 파일은 root로 변경
- eslint, prettier 설정 파일 추가
- 두음절로 수정, html 요소와구분을위해
- header tag margin:0 삭제
- type을 지정하지 않은 변수, 파라미터 type 설정
- 2단어로 변경, html tag와 구별을 위해
@padosum padosum self-assigned this Feb 1, 2023
@netlify
Copy link

netlify bot commented Feb 1, 2023

Deploy Preview for tir ready!

Name Link
🔨 Latest commit
🔍 Latest deploy log https://app.netlify.com/sites/tir/deploys/63da6be553278620379d2f0c
😎 Deploy Preview https://deploy-preview-43--tir.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@padosum padosum merged commit f26466c into master Feb 1, 2023
@padosum padosum deleted the feature/migration-to-vite branch February 1, 2023 13:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Vue CLI에서 Vite로 마이그레이션
1 participant