본문으로 바로가기

Vite 5.0

category software engineering/frontend 2023. 11. 17. 16:40
728x90

Node.js Support

Vite no longer supports Node.js 14 / 16 / 17 / 19, which reached its EOL. Node.js 18 / 20+ is now required.
너무 좋은 소식이다. 빨리 많은 팀과 프로젝트에서 latest 노드 버전을 사용했으면 좋겠다.

 

Performance

Rollup 4의 빌드 개선으로 인한 퍼포먼스 향상이 있습니다. server.warmup 을 아래와 같이 정의하여 startup 할 때 필요한 내용들을 미리 변환시켜 startup 시간을 개선시킬 수 있습니다.

export default defineConfig({
  server: {
    warmup: {
      clientFiles: [
        './src/components/BigComponent.vue',
        './src/utils/big-utils.js',
      ],
    },
  },
})

 

Main Changes

  • Rollup 4​로 구동
  • Deprecated Node CJS (Node 18, 20+)
  • define과 import.meta.env.* 변환 방식 통일 (esbuild로 변환하여 일관성 유지, 만약 정적 변환이 필요하면 @rollup/plugin-replace  플러그인을 사용하면 됩니다.)
  • 기타 변경사항
    • . 파일 포함하는 경로가 index.html로 폴백되도록 적용
    • 개발&프리뷰 단계 HTML 동작 일치하도록 변경
    • manifest 파일들은 이제 .vite 디렉터리에 생성됨
    • Remove --https flag, https: true (use @vitejs/plugin-basic-ssl or vite-plugin-mkcert)
    • 필요 없는 API들 제거 등등 관심 없는 내용들

 

https://vitejs.dev/blog/announcing-vite5