Hoje tenho o prazer de anunciar o lançamento oficial do Vite 2.0!
Vite (francês para "rápido", pronunciado /vit/
("vit") ) é um novo tipo de ferramenta de construção para desenvolvimento web. Pense em um coletor + servidor de desenvolvimento pré-configurado, mas menor e mais rápido. Ele usa suporte a módulo ES integrado por navegador e ferramentas como esbuild para uma experiência de desenvolvimento rápida e moderna.
Para se ter uma ideia da velocidade do Vite, aqui está um vídeo comparando o upload de um aplicativo React no Repl.it usando Vite e create-react-app
(CRA):
Se você nunca ouviu falar de Vite antes e gostaria de saber mais sobre ele, verifique a lógica por trás deste projeto . Se você está se perguntando como o Vite difere de outras ferramentas semelhantes, verifique as comparações .
O que há de novo na versão 2.0
Como decidimos reorganizar completamente os internos antes que a versão 1.0 deixasse o RC, esta é na verdade a primeira versão estável do Vite. No entanto, Vite 2.0 tem muitas melhorias significativas em relação à encarnação anterior:
Núcleo agnóstico da estrutura
Vite , Vue ESM. Vite 1 HMR .
Vite 2.0 , , . , . Vue, React, Preact, Lit Element Svelte .
( Awesome Vite - . .)
API
WMR, Rollup Rollup . , Rollup, , Vite, Vite (, HMR).
API , / , Vite.
esbuild
Vite ESM, , CommonJS ESM. Vite Rollup, 2.0 esbuild, 10-100- . , , React Meterial UI, 28 Macbook Pro M1, ~1,5 . , .
CSS
Vite CSS :
:
@import
url()
CSS Vite npm.
URL:
url()
, .
CSS : JS CSS, JS .
Server-Side Rendering (SSR) Support
Vite 2.0 SSR. Vite API- ESM Node.js ( HMR ) CommonJS SSR. Vite, / SSG.
Vite SSR , , .
Vite ESM, @vitejs/plugin-legacy. modern/legacy , .
!
, Vite ! Vite , (, Node.js> = 12):
npm init @vitejs/app
Em seguida, verifique o guia para ver o que o Vite tem a oferecer pronto para uso. Você também pode verificar o código-fonte no GitHub , acompanhar as atualizações no Twitter ou participar de discussões com outros usuários do Vite em nosso servidor de bate-papo Discord .