Skip to content

Upgrade to Vite 8 #63510

@tirkarthi

Description

@tirkarthi

Description

vite 8.0 was released with significant improvements by migrating to rolldown from esbuild and rollup. Below are the timings on my older personal laptop. On Macbook it went from 19 seconds to 3 seconds.

Vite 7

time pnpm build

> ui@0.0.0 build /home/karthikeyan/stuff/python/airflow/airflow-core/src/airflow/ui
> vite build

vite v7.2.6 building client environment for production...
[plugin vite:resolve] Module "node:fs/promises" has been externalized for browser compatibility, imported by "/home/karthikeyan/stuff/python/airflow/airflow-core/src/airflow/ui/node_modules/.pnpm/@guanmingchiu+sqlparser-ts@0.61.1/node_modules/@guanmingchiu/sqlparser-ts/dist/index.mjs". See https://vite.dev/guide/troubleshooting.html#module-externalized-for-browser-compatibility for more details.
✓ 3715 modules transformed.
dist/index.html                                      0.52 kB │ gzip:     0.33 kB
dist/.vite/manifest.json                             1.90 kB │ gzip:     0.43 kB
dist/assets/sqlparser_rs_wasm_bg-CLYUWfXF.wasm   3,515.50 kB │ gzip:   989.77 kB
dist/assets/__vite-browser-external-BIHI7g3E.js      0.03 kB │ gzip:     0.05 kB
dist/assets/FailedLogs-BjKNq16h.js                   3.87 kB │ gzip:     1.89 kB
dist/assets/sqlparser_rs_wasm-YK9ulnpg.js            8.97 kB │ gzip:     3.09 kB
dist/assets/browser-ponyfill-DCv75dAK.js            10.30 kB │ gzip:     3.52 kB
dist/assets/index-CjmSExSr.js                    4,576.81 kB │ gzip: 1,408.89 kB

(!) Some chunks are larger than 1600 kB after minification. Consider:
- Using dynamic import() to code-split the application
- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
✓ built in 39.75s
pnpm build  82.38s user 2.40s system 208% cpu 40.620 total

Vite 8

time pnpm build

> ui@0.0.0 build /home/karthikeyan/stuff/python/airflow/airflow-core/src/airflow/ui
> vite build

vite v8.0.0 building client environment for production...
✓ 3161 modules transformed.
computing gzip size...
dist/index.html                                     0.59 kB │ gzip:     0.36 kB
dist/.vite/manifest.json                            1.48 kB │ gzip:     0.41 kB
dist/assets/sqlparser_rs_wasm_bg-CLYUWfXF.wasm  3,515.49 kB │ gzip: 1,001.99 kB
dist/assets/chunk-zsgVPwQN.js                       1.20 kB │ gzip:     0.66 kB
dist/assets/FailedLogs-kLOnLNPS.js                  3.93 kB │ gzip:     1.99 kB
dist/assets/browser-ponyfill-BqCQyHSc.js            9.72 kB │ gzip:     3.23 kB
dist/assets/index-CBrTgs4S.js                   4,507.56 kB │ gzip: 1,380.30 kB

[PLUGIN_TIMINGS] Warning: Your build spent significant time in plugin `vite:react-babel`. See https://rolldown.rs/options/checks#plugintimings for more details.

[plugin builtin:vite-reporter] 
(!) Some chunks are larger than 1600 kB after minification. Consider:
- Using dynamic import() to code-split the application
- Use build.rolldownOptions.output.codeSplitting to improve chunking: https://rolldown.rs/reference/OutputOptions.codeSplitting
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
✓ built in 16.30s
pnpm build  42.47s user 1.42s system 257% cpu 17.076 total

https://vite.dev/blog/announcing-vite8

Use case/motivation

No response

Related issues

No response

Are you willing to submit a PR?

  • Yes I am willing to submit a PR!

Code of Conduct

Metadata

Metadata

Assignees

Labels

area:UIRelated to UI/UX. For Frontend Developers.kind:featureFeature Requests

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions