두부의 개발새발 이야기

  • 홈
  • 태그
  • 방명록

webpack 1

Vite

이번 저희 회사에서는 대대적인 업그레이드를 진행했습니다.Vue2 -> Vue3로 업그레이드를 진행했다는 점 인데, 이 부분에서 많은 부분들이 변화했으며, 그 중에서 하나가 WebPack에서 Vite 로의 변화 입니다.Vite란?프랑스 어로 빠르다 라는 의미를 가지며, 간결한 개발 경험에 초점을 둔다.기존 Bundler 구조기존 번들러는 애플리케이션의 모든 소스 코드에 대한 빌드 과정을 마친 후 페이지를 제공했습니다.그렇기에, 빌드 후 서버를 구동 또는 재 구동하는 과정에서 꽤나 많은 시간을 소요했습니다.Vite의 구조vite는 현재 페이지에 변경점이 생긴다면 해당 페이지에서 필요로 하는 모듈만을 수정한 뒤 갱신합니다.ESM모듈 시스템으로 사용하고 있기 때문에,브라우저에서 어떤 모듈에 대한 교체를 요청하면..

FrontEnd 2024.06.23
이전
1
다음
더보기
프로필사진

두부의 개발새발 이야기

전자기기와 DevOps 기술에 관심 많은 Front 개발자 입니다!

  • 분류 전체보기 (64)
    • 기본 문법 (1)
    • Infra (1)
    • DevOps (34)
      • AWS (7)
      • Terraform (8)
      • Packer (3)
      • Ansible (9)
      • Kubernetes (2)
      • Docker (3)
    • BackEnd (0)
      • JAVA (0)
      • Spring (0)
      • Nest (0)
    • FrontEnd (12)
      • JavaScript (3)
      • TypeScript (2)
      • Vue (4)
      • React (0)
      • Nuxt (1)
    • Mobile (0)
    • 전자기기 리뷰 (1)
    • 개인 서버 (1)
    • 개인적인 잠답 (5)
    • 세미나 (1)
    • 프로젝트 (1)
    • 잡담 (5)

Tag

reactor pattern, Ansible Inventory, optionalapi, ansible loop, vitepress, CICD, ansible Conditionals, docker, Ansible Facts, dockerCLI, Ansible설치, #aws codebuilder, vue, AWS, 프론트엔드, ansible handler, Ansible Variables, JavaScript, ansible, vue3,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바