Por que escolher o Vite | Documentação oficial chinesa do Vite (vitejs.dev)
- Há muito tempo o JavaScript não era modular, era um todo, portanto, para dividir o arquivo em pequenos arquivos modulares, surgiu o conceito de “empacotamento”.
- Ferramentas de divisão anteriores, como webpack, rollup, etc., porque o projeto está ficando cada vez maior, leva muito tempo para iniciar o servidor de desenvolvimento e o efeito da substituição a quente não é óbvio. Demora muito para exibir o modificado conteúdo, que afeta o desenvolvimento. a experiência do leitor
Para resolver o problema de divisão em arquivos de módulos muito pequenos
Para resolver o problema de não demorar muito para iniciar o servidor de desenvolvimento
Portanto, es6 possui a modularização do JavaScript, que pode dividir o arquivo inteiro em pequenos arquivos de módulos, um após o outro, sem usar ferramentas de empacotamento como o webpack.
Vite divide o código do projeto em código dependente e código-fonte
O código dependente refere-se às bibliotecas e plug-ins de terceiros dos quais o projeto depende.
O código-fonte é o código comercial escrito por você no projeto
No início, Vite distinguiu o código dependente do código-fonte e, em seguida, usou esbuild para reembalar o código dependente, que é a biblioteca de plug-ins de terceiros. Esta é a pré-construção de dependência .
Vite usa a modularidade do es6 para obter o código fonte que é o código escrito por ele mesmo, o que permite a participação do navegador .
Ao mesmo tempo, Vite também usa o cabeçalho de solicitação http do navegador para acelerar o recarregamento da página.Quando o código-fonte é solicitado, ele determina o status 304 e negocia o cache. Quando o código dependente for solicitado, ele usará o controle de cache do navegador para um cache forte. Uma vez armazenado em cache, o código dependente não fará uma segunda solicitação.
O acima usa o cache negociado e o cache forte do http para permitir que o navegador participe novamente e faça muitas coisas por nós.